API tools faq
paste
Advertisement
Demi-monde

Logan

Demi-monde
Oct 20th, 2019
125
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.72 KB | None | 0 0
raw download clone embed print report
  1. <script defer>
  2. window.onload = function() {
  3.  
  4. };
  5. </script>
  6. <style>
  7.  
  8. </style>
  9. </head>
  10. <body>
  11. <style onload="try {document.title = 'butch.' ;} catch (e) { }" type="text/css">
  12. @import url(https://fonts.googleapis.com/css?family=Montserrat|Anton);
  13.  
  14. .pfor {display: none; visibility: hidden;}
  15. #profile {background-color:;}
  16. #profile {border:;}
  17. body
  18. {overflow-x:hidden;
  19. background-image:
  20. url('http://i.imgur.com/tAwJd9f.png');
  21. background-size:100px;
  22. background-repeat:no-repeat;
  23. background-position:bottom right;
  24. background-attachment: fixed;
  25. background-color:#1B2631;
  26. font: 0px arial;
  27. color: black;}
  28. #profile {background-color: transparent;
  29. border:0px;
  30. }
  31.  
  32. ::-webkit-scrollbar {
  33. width: 5px;
  34. height: 0px;
  35. background:;
  36. }
  37.  
  38. ::-webkit-scrollbar-thumb {
  39. background-color:black;
  40. -webkit-border-radius: 10px;
  41. border-radius: 10px;
  42. }
  43.  
  44. a {color:#6a0000;
  45. text-transform:uppercase;
  46. text-decoration: none;
  47. -webkit-transition: all 0.5s ease-in-out;
  48. -moz-transition: all 0.5s ease-in-out;
  49. -o-transition: all 0.5s ease-in-out;
  50. -ms-transition: all 0.5s ease-in-out;
  51. transition: all 0.5s ease-in-out;
  52. }
  53.  
  54. a:hover {color: #333;
  55. text-decoration: none;
  56. -webkit-transition: all 0.5s ease-in-out;
  57. -moz-transition: all 0.5s ease-in-out;
  58. -o-transition: all 0.5s ease-in-out;
  59. -ms-transition: all 0.5s ease-in-out;
  60. transition: all 0.5s ease-in-out;
  61. }
  62.  
  63. b {
  64. color:#6a0000;
  65. text-transform:uppercase;
  66. font-size:18px;
  67. line-height:18px;
  68. font-family: 'Anton', sans-serif;
  69. }
  70.  
  71. i {
  72. color:#6a0000;
  73. font-family: 'Anton', sans-serif;
  74. letter-spacing:4px;
  75. }
  76.  
  77. u {
  78. color:#6a0000;
  79. text-decoration:none;
  80. border-bottom:3px double #6a0000;
  81. }
  82.  
  83. ::selection {
  84. color: #fff;
  85. background: #eee;
  86. }
  87.  
  88. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
  89. }
  90.  
  91. @font-face {font-family: "tinytots";src: url('https://dl.dropboxusercontent.com/s/y0pfz7ndq83n7j7/04B_03_.TTF?dl=1'); format("truetype");}
  92.  
  93. #whole{position:absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  94.  
  95. .center{
  96. position: fixed;
  97. top: 0;
  98. left: 0;
  99. height: 1000px;
  100. width: 1000px;
  101. }
  102.  
  103. .right{
  104. position: absolute;
  105. top:150;
  106. left:49px;
  107. height: 0px;
  108. width: 0px;
  109. transition: 1.5s;
  110. }
  111.  
  112. .center:hover .right{
  113. position: absolute;
  114. top: 150;
  115. left: 49px;
  116. transition: 1.5s;
  117. }
  118.  
  119. .container{
  120. opacity: 1;
  121. height: 400px;
  122. width: 300px;
  123. transition: 1.5s;
  124. }
  125.  
  126. .center:hover .container{
  127. opacity:0;
  128. transition: 1.5s;
  129. }
  130.  
  131. .right2{
  132. position: absolute;
  133. top:150;
  134. left:50px;
  135. height: 0px;
  136. width: 0px;
  137. transition: 1.5s;
  138. }
  139.  
  140. .center:hover .right2{
  141. position: absolute;
  142. top: 150;
  143. left: 650px;
  144. transition: 1.5s;
  145. }
  146.  
  147. .container2{
  148. opacity: 0;
  149. height: 400px;
  150. width: 300px;
  151. transition: 1.5s;
  152. }
  153.  
  154. .center:hover .container2{
  155. opacity:1;
  156. transition: 1.5s;
  157. }
  158.  
  159. #title {
  160. position:absolute;
  161. background-color:#000;
  162. left:0;
  163. top:0;
  164. font-size:40px;
  165. font-family: 'Anton', sans-serif;
  166. color:#6a0000;
  167. text-align:center;
  168. width:255;
  169. text-transform:uppercase;
  170. }
  171.  
  172. .right3{
  173. position: absolute;
  174. top:150;
  175. left:50px;
  176. height: 0px;
  177. width: 0px;
  178. transition: 1.5s;
  179. }
  180.  
  181. .center:hover .right3{
  182. position: absolute;
  183. top: 520;
  184. left: 650px;
  185. transition: 1.5s;
  186. }
  187.  
  188. .container3{
  189. opacity: 0;
  190. height: 400px;
  191. width: 300px;
  192. transition: 1.5s;
  193. }
  194.  
  195. .center:hover .container3{
  196. opacity:1;
  197. transition: 1.5s;
  198. }
  199.  
  200. .right4{
  201. position: absolute;
  202. top:150;
  203. left:50px;
  204. height: 0px;
  205. width: 0px;
  206. transition: 1.5s;
  207. }
  208.  
  209. .center:hover .right4{
  210. position: absolute;
  211. top: 150;
  212. left: 50px;
  213. transition: 1.5s;
  214. }
  215.  
  216. .container4{
  217. opacity: 0;
  218. height: 400px;
  219. width: 300px;
  220. transition: 1.5s;
  221. }
  222.  
  223. .center:hover .container4{
  224. opacity:1;
  225. transition: 1.5s;
  226. }
  227.  
  228. #image {
  229. position:absolute;
  230. left:0;
  231. top:0;
  232. border:15px solid black;
  233. -webkit-filter: grayscale(100%);
  234. }
  235.  
  236. #image2 {
  237. position:absolute;
  238. left:0;
  239. top:100;
  240. border:15px solid black;
  241. -webkit-filter: grayscale(100%);
  242. }
  243.  
  244. #image3 {
  245. position:absolute;
  246. left:0;
  247. top:200;
  248. border:15px solid black;
  249. -webkit-filter: grayscale(100%);
  250. }
  251.  
  252. #image4 {
  253. position:absolute;
  254. left:415;
  255. top:345;
  256. border:15px solid black;
  257. -webkit-filter: grayscale(100%);
  258. }
  259.  
  260. #image5 {
  261. position:absolute;
  262. left:415;
  263. top:205;
  264. border:15px solid black;
  265. -webkit-filter: grayscale(100%);
  266. }
  267.  
  268. #image6 {
  269. position:absolute;
  270. left:415;
  271. top:65;
  272. border:15px solid black;
  273. -webkit-filter: grayscale(100%);
  274. }
  275.  
  276. #cats {
  277. position:absolute;
  278. left:435;
  279. top:-45;
  280. }
  281.  
  282. #navi {
  283. vertical-align: center;
  284. text-align: center;
  285. position: absolute;
  286. left:0;
  287. top:345;
  288. letter-spacing:0px;
  289. line-height: 10px;
  290. margin: 1px;
  291. }
  292.  
  293. #navi a {
  294. padding: 10px;
  295. width:105px;
  296. font-family: times;
  297. font-size: 15px;
  298. text-transform:uppercase;
  299. letter-spacing: 1px;
  300. display: inline-block;
  301. text-align: center;
  302. color:#6a0000;
  303. background-color: #000;
  304. -webkit-transition: all 0.5s ease-in-out;
  305. -moz-transition: all 0.5s ease-in-out;
  306. -o-transition: all 0.5s ease-in-out;
  307. -ms-transition: all 0.5s ease-in-out;
  308. transition: all 0.5s ease-in-out;
  309. border: 1px solid #000;
  310. }
  311.  
  312. #navi a:hover {
  313. background-color:#6a0000;
  314. color:000;
  315. -webkit-transition: all 0.5s ease-in-out;
  316. -moz-transition: all 0.5s ease-in-out;
  317. -o-transition: all 0.5s ease-in-out;
  318. -ms-transition: all 0.5s ease-in-out;
  319. transition: all 0.5s ease-in-out;
  320. border: 1px solid #6a0000;
  321. }
  322.  
  323. #box {
  324. background-color:#000;
  325. vertical-align: center;
  326. text-transform: none;
  327. color:#333;
  328. font-size:13px;
  329. font-family: 'Montserrat', sans-serif;
  330. text-align: justify;
  331. position: absolute;
  332. width:250;
  333. height:275;
  334. left: 135px;
  335. top: -1px;
  336. letter-spacing:0px;
  337. line-height: 13px;
  338. padding: 10px;
  339. margin: 1px;
  340. }
  341.  
  342. #box img {
  343. width:50;
  344. height:50;
  345. border:3px solid #6a0000;
  346. }
  347.  
  348. #box2 {
  349. background-color:#000;
  350. vertical-align: center;
  351. text-transform: none;
  352. color:#333;
  353. font-size:13px;
  354. font-family: 'Montserrat', sans-serif;
  355. text-align: justify;
  356. position: absolute;
  357. width:250;
  358. height:110;
  359. left: 135px;
  360. top: 344px;
  361. letter-spacing:0px;
  362. line-height: 13px;
  363. padding: 10px;
  364. margin: 1px;
  365. overflow:auto;
  366. }
  367.  
  368. h1{
  369. border-top:10px double #6a0000;
  370. border-bottom:10px double #6a0000;
  371. color:#6a0000;
  372. font-size:20px;
  373. line-height: 20px;
  374. font-family: 'Anton', sans-serif;
  375. text-align: left;
  376. text-transform:uppercase;
  377. margin: 0px 5px 5px;
  378. }
  379.  
  380. h2{
  381. background-color:#6a0000;
  382. color:#000;
  383. font-size:14px;
  384. line-height: 14px;
  385. font-family: 'Anton', sans-serif;
  386. text-align: center;
  387. text-transform:uppercase;
  388. margin: 0px 5px 5px;
  389. padding:1px;
  390. }
  391.  
  392. </style>
  393. <div id="whole" oncontextmenu="return false;">
  394.  
  395. <div class="center">
  396.  
  397. <div class="right2">
  398. <div class="container2">
  399.  
  400. <div id="image">
  401. <img src="https://vignette.wikia.nocookie.net/vampirediaries/images/9/97/Ryan-guzman-19.jpg/revision/latest?cb=20130422095118">
  402.  
  403. </div>
  404.  
  405. </div>
  406. </div>
  407.  
  408. <div class="right3">
  409. <div class="container3">
  410. <div id="title">
  411. Logan Maddox
  412. </div>
  413. </div>
  414. </div>
  415.  
  416. <div class="right">
  417. <div class="container">
  418.  
  419. <div id="image">
  420. <img src="https://www.flare.com/wp-content/uploads/2014/08/Ryan-Guzman-12-214x300.jpg">
  421. </div>
  422.  
  423. </div>
  424. </div>
  425.  
  426. <div class="right4">
  427. <div class="container4">
  428.  
  429. <div id="image">
  430. <img src="https://66.media.tumblr.com/45d6e04ab275454a94aeb010bb0278fe/tumblr_oj4n7nRR841sgaqfho4_250.gif" width="100">
  431. </div>
  432.  
  433. <div id="image2">
  434. <img src="https://78.media.tumblr.com/7466bc8fcd8107e6c6c5b995f19b653a/tumblr_nhqdchHAFC1tdyinro3_400.gif" width="100">
  435. </div>
  436.  
  437. <div id="image3">
  438. <img src="https://78.media.tumblr.com/10f5401c0f70f576f3566dd7e45305bb/tumblr_oj4n7nRR841sgaqfho2_400.gif" width="100">
  439. </div>
  440.  
  441.  
  442.  
  443. <div id="image4">
  444. <img src="https://78.media.tumblr.com/14225f404ecf00de678626a49a58f322/tumblr_o162o02hkK1ua1nbgo1_r1_250.gif" width="100">
  445. </div>
  446.  
  447. <div id="image5">
  448. <img src="https://www.lahiguera.net/cinemania/actores/ryan_guzman/fotos/24753/ryan_guzman.jpg" width="100">
  449. </div>
  450.  
  451. <div id="image6">
  452. <img src="https://data.whicdn.com/images/132704491/original.jpg" width="100">
  453. </div>
  454.  
  455. <div id="navi">
  456. <a href="#one">I</a>
  457. <br>
  458. <a href="#two">II</a>
  459. <br>
  460. <a href="#three">III</a>
  461. <br>
  462. <a href="#four">IV</a>
  463. </div>
  464.  
  465. <div id="box">
  466. <div style="width:250; height:275; overflow-y: hidden;">
  467. <a name="one"></a>
  468. <div style="width:250; height:275; overflow-y: auto;">
  469.  
  470. <b>Stats</b>
  471. <br><br>
  472. <i>Name:</i> Logan Maddox
  473. <br>
  474. <i>Species:</i> "Human"
  475. <br>
  476. <i>Gender:</i> Male
  477. <br>
  478. <i>Age:</i> Appears in his twenties
  479. <br>
  480. <i>Hair:</i> Dark Brown
  481. <br>
  482. <i>Eyes:</i> Hazel
  483. <br>
  484. <i>Height:</i> 6'1
  485. <br>
  486. <i>Weight:</i> 185 pounds
  487. <br>
  488. <i>Build:</i> Toned
  489. <br>
  490. <i>Orientation:</i> Heterosexual
  491. <br>
  492. <i>Status:</i> <a target="_blank" href="https://roleplay.chat/profile.php?user=Skye." target="_blank">His Queen</a>
  493.  
  494. </div>
  495. <a name="two"></a>
  496. <div style="width:250; height:275; overflow-y: auto;">
  497.  
  498. A King in his own right. Dating back to 1280 B.C, the man known today as Logan, reigned supreme. A leader of armies, that saw countless battles. The rise and fall of an empire, rebuilding of ancient cities and temples. He was renowned for his generous nature, his skill on the battlefield and his undeniable prowess as a leader.<br>A Pharaoh he was, one that was written for the history books and upon his death, he was entombed in the Great Valley of the Kings.<br><br>It was not where he stayed, ascending to that of a god status, to watch and protect those souls, hidden with their treasures deep underground.<br><br>That was his history, though Logan knows nothing of this. Born and raised in the City of Los Angeles, he makes a living through construction, and on the rare occasions, pitting himself in brawls to make some extra cash. Stronger and with senses undeniably higher than the average mortal, Logan is unaware of his heritage, of what he once had been.
  499.  
  500. </div>
  501. <a name="three"></a>
  502. <div style="width:250; height:275; overflow-y: auto;">
  503. <center>
  504.  
  505. <a target="_blank" href="https://roleplay.chat/profile.php?user=Skye." target="_blank">
  506. <img src="https://data.whicdn.com/images/284773657/superthumb.jpg?t=1492635641">
  507. </a>
  508.  
  509. </center>
  510. </div>
  511. <a name="four"></a>
  512. <div style="width:250; height:275; overflow-y: auto;">
  513.  
  514. <b>Abilities:</b>
  515.  
  516.  
  517. </div>
  518.  
  519. </div>
  520. </div>
  521.  
  522. <div id="box2">
  523. <h1>OOC</h1>
  524. <h2>PAY ATTENTION</h2>
  525. <li> DM friendly</li>
  526. <li> OOC is not IC</li>
  527. <li>Room RP Preferred</li>
  528. <li>Snowball writer - shit post to multi para</li>
  529. <li>Story/Smut</li>
  530. <li>Any ideas welcome!</li>
  531. <li> Don't be a cunt and I won't be a dick</li>
  532. <li> FC:Ryan Guzman</li>
  533.  
  534.  
  535. </div>
  536.  
  537. </div>
  538. </div>
  539. </div>
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!