API tools faq
paste
owltrash

profile template (supreme's code)

owltrash
Aug 21st, 2018
396
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.64 KB | None | 0 0
raw download clone embed print report
  1. </head>
  2. <body>
  3. <style onload="try {document.title = 'butch.' ;} catch (e) { }" type="text/css">
  4. @import url(https://fonts.googleapis.com/css?family=Montserrat|Anton);
  5.  
  6. .pfor {display: none; visibility: hidden;}
  7. #profile {background-color:;}
  8. #profile {border:;}
  9. body
  10. {overflow-x:hidden;
  11. background-image:
  12. url('http://i.imgur.com/tAwJd9f.png');
  13. background-size:100px;
  14. background-repeat:no-repeat;
  15. background-position:bottom right;
  16. background-attachment: fixed;
  17. background-color:#171717;
  18. font: 0px arial;
  19. color: black;}
  20. #profile {background-color: transparent;
  21. border:0px;
  22. }
  23.  
  24. ::-webkit-scrollbar {
  25. width: 5px;
  26. height: 0px;
  27. background:;
  28. }
  29.  
  30. ::-webkit-scrollbar-thumb {
  31. background-color:black;
  32. -webkit-border-radius: 10px;
  33. border-radius: 10px;
  34. }
  35.  
  36. a {color:#6a0000;
  37. text-transform:uppercase;
  38. text-decoration: none;
  39. -webkit-transition: all 0.5s ease-in-out;
  40. -moz-transition: all 0.5s ease-in-out;
  41. -o-transition: all 0.5s ease-in-out;
  42. -ms-transition: all 0.5s ease-in-out;
  43. transition: all 0.5s ease-in-out;
  44. }
  45.  
  46. a:hover {color: #333;
  47. text-decoration: none;
  48. -webkit-transition: all 0.5s ease-in-out;
  49. -moz-transition: all 0.5s ease-in-out;
  50. -o-transition: all 0.5s ease-in-out;
  51. -ms-transition: all 0.5s ease-in-out;
  52. transition: all 0.5s ease-in-out;
  53. }
  54.  
  55. b {
  56. color:#6a0000;
  57. text-transform:uppercase;
  58. font-size:18px;
  59. line-height:18px;
  60. font-family: 'Anton', sans-serif;
  61. }
  62.  
  63. i {
  64. color:#6a0000;
  65. font-family: 'Anton', sans-serif;
  66. letter-spacing:4px;
  67. }
  68.  
  69. u {
  70. color:#6a0000;
  71. text-decoration:none;
  72. border-bottom:3px double #6a0000;
  73. }
  74.  
  75. ::selection {
  76. color: #fff;
  77. background: #eee;
  78. }
  79.  
  80. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
  81. }
  82.  
  83. @font-face {font-family: "tinytots";src: url('https://dl.dropboxusercontent.com/s/y0pfz7ndq83n7j7/04B_03_.TTF?dl=1'); format("truetype");}
  84.  
  85. #whole{position:absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  86.  
  87. .center{
  88. position: fixed;
  89. top: 0;
  90. left: 0;
  91. height: 1000px;
  92. width: 1000px;
  93. }
  94.  
  95. .right{
  96. position: absolute;
  97. top:150;
  98. left:49px;
  99. height: 0px;
  100. width: 0px;
  101. transition: 1.5s;
  102. }
  103.  
  104. .center:hover .right{
  105. position: absolute;
  106. top: 150;
  107. left: 49px;
  108. transition: 1.5s;
  109. }
  110.  
  111. .container{
  112. opacity: 1;
  113. height: 400px;
  114. width: 300px;
  115. transition: 1.5s;
  116. }
  117.  
  118. .center:hover .container{
  119. opacity:0;
  120. transition: 1.5s;
  121. }
  122.  
  123. .right2{
  124. position: absolute;
  125. top:150;
  126. left:50px;
  127. height: 0px;
  128. width: 0px;
  129. transition: 1.5s;
  130. }
  131.  
  132. .center:hover .right2{
  133. position: absolute;
  134. top: 150;
  135. left: 650px;
  136. transition: 1.5s;
  137. }
  138.  
  139. .container2{
  140. opacity: 0;
  141. height: 400px;
  142. width: 300px;
  143. transition: 1.5s;
  144. }
  145.  
  146. .center:hover .container2{
  147. opacity:1;
  148. transition: 1.5s;
  149. }
  150.  
  151. #title {
  152. position:absolute;
  153. background-color:#000;
  154. left:0;
  155. top:0;
  156. font-size:40px;
  157. font-family: 'Anton', sans-serif;
  158. color:#6a0000;
  159. text-align:center;
  160. width:255;
  161. text-transform:uppercase;
  162. }
  163.  
  164. .right3{
  165. position: absolute;
  166. top:150;
  167. left:50px;
  168. height: 0px;
  169. width: 0px;
  170. transition: 1.5s;
  171. }
  172.  
  173. .center:hover .right3{
  174. position: absolute;
  175. top: 520;
  176. left: 650px;
  177. transition: 1.5s;
  178. }
  179.  
  180. .container3{
  181. opacity: 0;
  182. height: 400px;
  183. width: 300px;
  184. transition: 1.5s;
  185. }
  186.  
  187. .center:hover .container3{
  188. opacity:1;
  189. transition: 1.5s;
  190. }
  191.  
  192. .right4{
  193. position: absolute;
  194. top:150;
  195. left:50px;
  196. height: 0px;
  197. width: 0px;
  198. transition: 1.5s;
  199. }
  200.  
  201. .center:hover .right4{
  202. position: absolute;
  203. top: 150;
  204. left: 50px;
  205. transition: 1.5s;
  206. }
  207.  
  208. .container4{
  209. opacity: 0;
  210. height: 400px;
  211. width: 300px;
  212. transition: 1.5s;
  213. }
  214.  
  215. .center:hover .container4{
  216. opacity:1;
  217. transition: 1.5s;
  218. }
  219.  
  220. #image {
  221. position:absolute;
  222. left:0;
  223. top:0;
  224. border:15px solid black;
  225. -webkit-filter: grayscale(100%);
  226. }
  227.  
  228. #image2 {
  229. position:absolute;
  230. left:0;
  231. top:100;
  232. border:15px solid black;
  233. -webkit-filter: grayscale(100%);
  234. }
  235.  
  236. #image3 {
  237. position:absolute;
  238. left:0;
  239. top:200;
  240. border:15px solid black;
  241. -webkit-filter: grayscale(100%);
  242. }
  243.  
  244. #image4 {
  245. position:absolute;
  246. left:415;
  247. top:345;
  248. border:15px solid black;
  249. -webkit-filter: grayscale(100%);
  250. }
  251.  
  252. #image5 {
  253. position:absolute;
  254. left:415;
  255. top:205;
  256. border:15px solid black;
  257. -webkit-filter: grayscale(100%);
  258. }
  259.  
  260. #image6 {
  261. position:absolute;
  262. left:415;
  263. top:65;
  264. border:15px solid black;
  265. -webkit-filter: grayscale(100%);
  266. }
  267.  
  268. #cats {
  269. position:absolute;
  270. left:435;
  271. top:-45;
  272. }
  273.  
  274. #navi {
  275. vertical-align: center;
  276. text-align: center;
  277. position: absolute;
  278. left:0;
  279. top:345;
  280. letter-spacing:0px;
  281. line-height: 10px;
  282. margin: 1px;
  283. }
  284.  
  285. #navi a {
  286. padding: 10px;
  287. width:105px;
  288. font-family: times;
  289. font-size: 15px;
  290. text-transform:uppercase;
  291. letter-spacing: 1px;
  292. display: inline-block;
  293. text-align: center;
  294. color:#6a0000;
  295. background-color: #000;
  296. -webkit-transition: all 0.5s ease-in-out;
  297. -moz-transition: all 0.5s ease-in-out;
  298. -o-transition: all 0.5s ease-in-out;
  299. -ms-transition: all 0.5s ease-in-out;
  300. transition: all 0.5s ease-in-out;
  301. border: 1px solid #000;
  302. }
  303.  
  304. #navi a:hover {
  305. background-color:#6a0000;
  306. color:000;
  307. -webkit-transition: all 0.5s ease-in-out;
  308. -moz-transition: all 0.5s ease-in-out;
  309. -o-transition: all 0.5s ease-in-out;
  310. -ms-transition: all 0.5s ease-in-out;
  311. transition: all 0.5s ease-in-out;
  312. border: 1px solid #6a0000;
  313. }
  314.  
  315. #box {
  316. background-color:#000;
  317. vertical-align: center;
  318. text-transform: none;
  319. color:#333;
  320. font-size:13px;
  321. font-family: 'Montserrat', sans-serif;
  322. text-align: justify;
  323. position: absolute;
  324. width:250;
  325. height:275;
  326. left: 135px;
  327. top: -1px;
  328. letter-spacing:0px;
  329. line-height: 13px;
  330. padding: 10px;
  331. margin: 1px;
  332. }
  333.  
  334. #box img {
  335. width:50;
  336. height:50;
  337. border:3px solid #6a0000;
  338. }
  339.  
  340. #box2 {
  341. background-color:#000;
  342. vertical-align: center;
  343. text-transform: none;
  344. color:#333;
  345. font-size:13px;
  346. font-family: 'Montserrat', sans-serif;
  347. text-align: justify;
  348. position: absolute;
  349. width:250;
  350. height:110;
  351. left: 135px;
  352. top: 344px;
  353. letter-spacing:0px;
  354. line-height: 13px;
  355. padding: 10px;
  356. margin: 1px;
  357. overflow:auto;
  358. }
  359.  
  360. h1{
  361. border-top:10px double #6a0000;
  362. border-bottom:10px double #6a0000;
  363. color:#6a0000;
  364. font-size:20px;
  365. line-height: 20px;
  366. font-family: 'Anton', sans-serif;
  367. text-align: left;
  368. text-transform:uppercase;
  369. margin: 0px 5px 5px;
  370. }
  371.  
  372. h2{
  373. background-color:#6a0000;
  374. color:#000;
  375. font-size:14px;
  376. line-height: 14px;
  377. font-family: 'Anton', sans-serif;
  378. text-align: center;
  379. text-transform:uppercase;
  380. margin: 0px 5px 5px;
  381. padding:1px;
  382. }
  383.  
  384. </style>
  385. <div id="whole" oncontextmenu="return false;">
  386.  
  387. <div class="center">
  388.  
  389. <div class="right2">
  390. <div class="container2">
  391.  
  392. <div id="image">
  393. <img src="http://norkus.xyz/wp-content/uploads/2018/01/fresh-celestia-ludenberg-anime-character-collection-excellent-celestia-ludenberg-anime-character-concept.jpg" width="236" >
  394.  
  395. </div>
  396.  
  397. </div>
  398. </div>
  399.  
  400. <div class="right3">
  401. <div class="container3">
  402. <div id="title">
  403. Celestia Ludenberg
  404. </div>
  405. </div>
  406. </div>
  407.  
  408. <div class="right">
  409. <div class="container">
  410.  
  411. <div id="image">
  412. <img src="https://i.redd.it/suhu1yg2arzz.jpg" height="445" >
  413. </div>
  414.  
  415. </div>
  416. </div>
  417.  
  418. <div class="right4">
  419. <div class="container4">
  420.  
  421. <div id="image">
  422. <img src="https://i.pinimg.com/originals/0e/0c/1b/0e0c1b428134a06f2f6c8b066ddc1ad0.gif" width="100">
  423. </div>
  424.  
  425. <div id="image2">
  426. <img src="https://thumbs.gfycat.com/HeavySardonicAustraliansilkyterrier-size_restricted.gif" width="100">
  427. </div>
  428.  
  429. <div id="image3">
  430. <img src="https://78.media.tumblr.com/be448022786215fb04bce29bc8947722/tumblr_inline_oj2q56aMgT1tzs2po_250.gif" width="100">
  431. </div>
  432.  
  433.  
  434.  
  435. <div id="image4">
  436. <img src="https://static.zerochan.net/Celestia.Ludenberg.full.1638573.jpg" width="100">
  437. </div>
  438.  
  439. <div id="image5">
  440. <img src="https://images.8tracks.com/cover/i/009/833/225/Celestia.Ludenberg.full.1428656-8969.jpg?rect=0,242,1184,1184&q=98&fm=jpg&fit=max&w=1024&h=1024" width="100">
  441. </div>
  442.  
  443. <div id="image6">
  444. <img src="https://78.media.tumblr.com/3ae069c3e51d23eba083f79f2d2a7a69/tumblr_ozvy9jixto1wg8fvvo2_1280.jpg" width="100">
  445. </div>
  446.  
  447. <div id="navi">
  448. <a href="#one">I</a>
  449. <br>
  450. <a href="#two">II</a>
  451. <br>
  452. <a href="#three">III</a>
  453. <br>
  454. <a href="#four">IV</a>
  455. </div>
  456.  
  457. <div id="box">
  458. <div style="width:250; height:275; overflow-y: hidden;">
  459. <a name="one"></a>
  460. <div style="width:250; height:275; overflow-y: auto;">
  461.  
  462. <p>Name: Celestia Ludenberg</p>
  463. <p>Aliases: Celeste, The Ultimate Gambler, The Queen of Lies</p>
  464. <p>Talent: The Ultimate Gambler </p>
  465. <p> Birth Date: 23 November </p>
  466. <p>Age: 17 </p>
  467. <p>Gender: Female</p>
  468. <p>Height: 5'5"</p>
  469. <p>Weight: 46kg</p>
  470. <p>Chest size: 80 cm</p>
  471. </div>
  472. <a name="two"></a>
  473. <div style="width:250; height:275; overflow-y: auto;">
  474.  
  475. As an experienced gambler, Celestia appears collected, cold and cunning by nature. She possesses the ability to manipulate others to do her bidding and can lie with a straight face. Celestia is a very ambitious person, as she declared that she will do anything it takes to win, and is ready to go as far as murdering someone or manipulating others in cold blood. She is extremely selfish and values her life over the lives of others, stating she has no problem sacrificing others in order to save herself. She also has a lot of pride, refusing to surrender no matter how far into a corner she's pushed, as long as the chance for victory remains. Her mannerisms are strict, refined and her spoiled nature emphasizes this due to her aspiring to be like European royalty. She even has a habit of ranking men between Rank A and Rank F, supposedly to test who is worthy of being one of her servants. She despises her real self as she dislikes ordinary and common things and considers her real identity and name to be one of "a loser". Celestia speaks softly and smiles often in order to imitate Victorian mannerisms and etiquette as a lady. She usually uses polite language whenever she talks to the others, but her short-temperedness surfaces when something fails to go as well as she expects it to.
  476.  
  477. </div>
  478. <a name="three"></a>
  479. <div style="width:250; height:275; overflow-y: auto;">
  480. <center>
  481.  
  482. <a href="profile.php?user=" target="_blank">
  483. <img src="http://i.imgur.com/KPMpwX3.png">
  484. </a>
  485.  
  486. </center>
  487. </div>
  488. <a name="four"></a>
  489. <div style="width:250; height:275; overflow-y: auto;">
  490.  
  491. <p>TEXT</p>
  492.  
  493. </div>
  494.  
  495. </div>
  496. </div>
  497.  
  498. <div id="box2">
  499. <h1>extra box</h1>
  500. <h2>extra header</h2>
  501.  
  502. This is <b>bold</b> | <i>italics</i> | <u>underline</u> | and a <a href="profile.php?user=" target="_blank">link.</a>
  503.  
  504. </div>
  505.  
  506. </div>
  507. </div>
  508. </div>
  509. </body>
Advertisement
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!