API tools faq
paste
Advertisement
Chibi-Elle

Ursin Code

Chibi-Elle
Feb 17th, 2019
149
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.89 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <style type="text/css">
  4. /* Profile Preview: https://i.imgur.com/ycP4xWG.png */
  5.  
  6. /* Profile was created by Alcyone, for anyone to use freely. Please keep credit on the profile, please and thank you. If you are interested in commissioning a profile, go ahead and leave her some mail. */
  7.  
  8. /* Profile editing area near the end of the CSS area. Scroll until you see it. */
  9.  
  10. @import url('https://fonts.googleapis.com/css?family=Calligraffitti|Patrick+Hand+SC|Walter+Turncoat|Amatic+SC');
  11.  
  12. ::-webkit-scrollbar {progress; width: 0px;}
  13. ::-webkit-scrollbar-thumb:vertical {
  14. background-color: #669bad;
  15. border: 0px solid transparent;
  16. -webkit-border-radius: 0px;
  17. box-shadow: 0 0 3px transparent, inset 0 0 6px transparent;
  18. -moz-transition:all 0.3s ease-in-out;
  19. -webkit-transition:all 0.3s ease-in-out;}
  20.  
  21. ::-webkit-scrollbar-thumb:vertical:hover,
  22. ::-webkit-scrollbar-button:start:decrement:hover,
  23. ::-webkit-scrollbar-button:end:increment:hover
  24. {border-color:transparent;box-shadow: 0 0 12px transparent, inset 0 0 16px transparent;}
  25.  
  26. ::selection {background: #fff; color:#000;}
  27.  
  28. body {background-color:#;
  29. background:url(https://i-h1.pinimg.com/564x/ed/9d/71/ed9d717b28b7d90c144bc7a4a657700b.jpg?b=t) center center no-repeat fixed;
  30. -webkit-background-size: cover;
  31. -moz-background-size: cover;
  32. -o-background-size: cover;
  33. background-size: cover;
  34. overflow-x:hidden;}
  35.  
  36. .bg {position: fixed;
  37. margin: auto;
  38. top: 0px;
  39. bottom: 0px;
  40. left: 0px;
  41. right: 0px;
  42. background: none url('')
  43. center center repeat;
  44. width: 1200px;
  45. height: 660px;
  46. text-align: center;
  47. border: 0px solid #fff;}
  48.  
  49. .pyramid {background: none;
  50. position: absolute;
  51. text-align: center;
  52. width: 0px;
  53. height: 0px;
  54. top: 50px;
  55. left: 250px;
  56. opacity: .5;
  57. border-left: 350px solid transparent;
  58. border-right: 350px solid transparent;
  59. border-bottom: 570px solid #000;
  60. overflow: auto;}
  61.  
  62. .square1 {background: #9D0000;
  63. position: absolute;
  64. text-align: center;
  65. width: 30px;
  66. height: 30px;
  67. left: 585px;
  68. top: 16px;
  69. border: 0px solid #000;
  70. overflow: auto;}
  71.  
  72. .circle1 {background: #fff;
  73. position: absolute;
  74. text-align: center;
  75. width: 30px;
  76. height: 30px;
  77. left: 585px;
  78. top: 16px;
  79. border-radius: 50px;
  80. border: 0px solid #000;
  81. box-shadow: 0px 0px 45px 15px #FF4444;
  82. overflow: auto;}
  83.  
  84. .square2 {background: #9d0000;
  85. position: absolute;
  86. text-align: center;
  87. width: 30px;
  88. height: 30px;
  89. left: 220px;
  90. top: 620px;
  91. border: 0px solid #000;
  92. overflow: auto;}
  93.  
  94. .circle2 {background: #fff;
  95. position: absolute;
  96. text-align: center;
  97. width: 30px;
  98. height: 30px;
  99. left: 220px;
  100. top: 620px;
  101. border-radius: 50px;
  102. border: 0px solid #000;
  103. box-shadow: 0px 0px 45px 15px #ff4444;
  104. overflow: auto;}
  105.  
  106. .square3 {background: #9d0000;
  107. position: absolute;
  108. text-align: center;
  109. width: 30px;
  110. height: 30px;
  111. left: 950px;
  112. top: 620px;
  113. border: 0px solid #000;
  114. overflow: auto;}
  115.  
  116. .circle3 {background: #fff;
  117. position: absolute;
  118. text-align: center;
  119. width: 30px;
  120. height: 30px;
  121. left: 950px;
  122. top: 620px;
  123. border-radius: 50px;
  124. border: 0px solid #000;
  125. box-shadow: 0px 0px 45px 15px #ff4444;
  126. overflow: auto;}
  127.  
  128. #navi1 {position: absolute;
  129. left: 585px;
  130. top: 16px;}
  131.  
  132. #navi1 a {background-color: #9d0000;
  133. display: inline-block;
  134. height: 30px;
  135. width: 30px;
  136. border: 0px solid #000;
  137. transform: rotate(45deg);}
  138.  
  139. #navi2 {position: absolute;
  140. left: 220px;
  141. top: 620px;}
  142.  
  143. #navi2 a {background-color: #9d0000;
  144. display: inline-block;
  145. height: 30px;
  146. width: 30px;
  147. border: 0px solid #000;
  148. transform: rotate(45deg);}
  149.  
  150. #navi3 {position: absolute;
  151. left: 950px;
  152. top: 620px;}
  153.  
  154. #navi3 a {background-color: #9d0000;
  155. display: inline-block;
  156. height: 30px;
  157. width: 30px;
  158. border: 0px solid #000;
  159. transform: rotate(45deg);}
  160.  
  161. .lineleft {background: #9d0000;
  162. position: absolute;
  163. text-align: center;
  164. width: 3px;
  165. height: 600px;
  166. left: 410px;
  167. top: 30px;
  168. border: 0px solid #000;
  169. box-shadow: 0px 0px 25px 2px #ff4444;
  170. transform: rotate(32deg);
  171. overflow: auto;}
  172.  
  173. .lineright {background: #9d0000;
  174. position: absolute;
  175. text-align: center;
  176. width: 3px;
  177. height: 600px;
  178. left: 786px;
  179. top: 30px;
  180. border: 0px solid #000;
  181. box-shadow: 0px 0px 25px 2px #ff4444;
  182. transform: rotate(-32deg);
  183. overflow: auto;}
  184.  
  185. .linebtm {background: #9d0000;
  186. position: absolute;
  187. text-align: center;
  188. width: 3px;
  189. height: 600px;
  190. left: 595px;
  191. top: 335px;
  192. border: 0px solid #000;
  193. box-shadow: 0px 0px 25px 2px #ff4444;
  194. transform: rotate(90deg);
  195. overflow: auto;}
  196.  
  197. .linebtmright {background: #9d0000;
  198. position: absolute;
  199. text-align: center;
  200. width: 100px;
  201. height: 3px;
  202. left: 1093px;
  203. top: 634px;
  204. border: 0px solid #000;
  205. box-shadow: 0px 0px 25px 2px #ff4444;
  206. overflow: auto;}
  207.  
  208. .linebtmleft {background: #9d0000;
  209. position: absolute;
  210. text-align: center;
  211. width: 100px;
  212. height: 3px;
  213. left: 10px;
  214. top: 634px;
  215. border: 0px solid #000;
  216. box-shadow: 0px 0px 25px 2px #ff4444;
  217. overflow: auto;}
  218.  
  219. .lineleftleft {background: #9d0000;
  220. position: absolute;
  221. text-align: center;
  222. width: 3px;
  223. height: 100px;
  224. left: 10px;
  225. top: 535px;
  226. border: 0px solid #000;
  227. box-shadow: 0px 0px 25px 2px #ff4444;
  228. overflow: auto;}
  229.  
  230. .linerightright {background: #9d0000;
  231. position: absolute;
  232. text-align: center;
  233. width: 3px;
  234. height: 100px;
  235. left: 1190px;
  236. top: 535px;
  237. border: 0px solid #000;
  238. box-shadow: 0px 0px 25px 2px #ff4444;
  239. overflow: auto;}
  240.  
  241. .linetopright {background: #9d0000;
  242. position: absolute;
  243. text-align: center;
  244. width: 350px;
  245. height: 3px;
  246. left: 840px;
  247. top: 10px;
  248. border: 0px solid #000;
  249. box-shadow: 0px 0px 25px 2px #ff4444;
  250. overflow: auto;}
  251.  
  252. .linetopleft {background: #9d0000;
  253. position: absolute;
  254. text-align: center;
  255. width: 350px;
  256. height: 3px;
  257. left: 10px;
  258. top: 10px;
  259. border: 0px solid #000;
  260. box-shadow: 0px 0px 25px 2px #ff4444;
  261. overflow: auto;}
  262.  
  263. /* ------------------------------------------ */
  264. /* ------------------------------------------ */
  265. /* ------------------------------------------ */
  266.  
  267. /* Start editing your stuff below. */
  268.  
  269. /* Links */
  270. a {color:#CE3B3B;
  271. text-shadow:
  272. #430000 -1px 0px,
  273. #430000 0px 1px,
  274. #430000 1px 0px,
  275. #430000 0px -1px;
  276. text-decoration: none;}
  277.  
  278. /* Bold */
  279. b {color: #3B3200;
  280. text-shadow:
  281. #D9B600 -1px 0px,
  282. #D9B600 0px 1px,
  283. #D9B600 1px 0px,
  284. #D9B600 0px -1px;
  285. text-decoration: none;}
  286.  
  287. /* Italics */
  288. i {color: #fff;
  289. text-shadow:
  290. #FF4444 -1px 0px,
  291. #FF4444 0px 1px,
  292. #FF4444 1px 0px,
  293. #FF4444 0px -1px;}
  294.  
  295. /* Underline */
  296. u {color: #fff;
  297. text-shadow:
  298. #A38F00 -1px 0px,
  299. #A38F00 0px 1px,
  300. #A38F00 1px 0px,
  301. #A38F00 0px -1px;
  302. text-decoration-style: dotted;}
  303.  
  304. /* Headers */
  305. h1 {font-family: 'Walter Turncoat';
  306. font-variant: small-caps;
  307. font-size:30px;
  308. letter-spacing: 2px;
  309. color:#450000;
  310. text-align: center;
  311. text-shadow:
  312. #860000 -2px 0px,
  313. #860000 0px 2px,
  314. #860000 2px 0px,
  315. #860000 0px -2px;}
  316.  
  317. .info {background: #000;
  318. position: absolute;
  319. text-align: left;
  320. width: 690px;
  321. height: 390px;
  322. top: 150px;
  323. left: 250px;
  324. border: 1px solid #756600;
  325. padding:5px 5px 5px 5px;
  326. overflow: auto;
  327. z-index:1;}
  328.  
  329. .info:target{z-index:10;}
  330.  
  331. .words {background: #000;
  332. font-family: 'Amatic SC';
  333. font-size: 19px;
  334. color: #fff;
  335. position: absolute;
  336. text-align: Justify;
  337. width: 690px;
  338. height: 390px;
  339. left: 0px;
  340. top: 0px;
  341. border: 0px solid #fff;
  342. overflow: auto;
  343. padding:5px 5px 5px 5px;
  344. z-index:2;}
  345.  
  346. .stats {background: #000;
  347. font-family: 'Patrick Hand SC';
  348. font-size: 19px;
  349. color: #fff;
  350. position: absolute;
  351. text-align: Justify;
  352. width: 387px;
  353. height: 390px;
  354. left: 0px;
  355. top: 0px;
  356. border: 0px solid #fff;
  357. overflow: auto;
  358. padding:5px 5px 5px 5px;}
  359.  
  360. /* Inside stat box picture 300x400 */
  361. .statspic {background: none;
  362. background: url('https://i.pinimg.com/564x/b6/c2/8f/b6c28f556d8bb71371994d1706a0e862.jpg?b=t')
  363. center center no-repeat;
  364. position: absolute;
  365. text-align: center;
  366. width: 300px;
  367. height: 400px;
  368. top: 0px;
  369. left: 400px;
  370. border: 1px solid #750000;
  371. overflow: auto;}
  372.  
  373. /* Left Picture 250x250 */
  374. .leftpic {background: none;
  375. background: url('https://i.pinimg.com/originals/68/34/84/68348466b7c0cdcd1c5ac628314a4020.gif')
  376. center center no-repeat;
  377. position: absolute;
  378. text-align: center;
  379. width: 250px;
  380. height: 250px;
  381. top: 0px;
  382. left: 0px;
  383. border-radius: 250px;
  384. border: 1px solid #404040;
  385. overflow: auto;}
  386.  
  387. /* Right Picture 250x250 */
  388. .rightpic {background: none;
  389. background: url('https://i.pinimg.com/originals/2c/f3/ef/2cf3eff413a99a414f215d12a38a15ff.gif')
  390. center center no-repeat;
  391. position: absolute;
  392. text-align: center;
  393. width: 250px;
  394. height: 250px;
  395. top: 0px;
  396. left: 950px;
  397. border-radius: 250px;
  398. border: 1px solid #404040;
  399. overflow: auto;}
  400.  
  401. /* Character Name */
  402. .title {position: absolute;
  403. font-family: 'Calligraffitti';
  404. color: #fff;
  405. font-size: 70px;
  406. top: 545px;
  407. left:300px;
  408. width: 600px;
  409. border: 0px solid #fff;
  410. text-align: center;
  411. text-shadow:
  412. #9d0000 -2px 0px,
  413. #9d0000 0px 2px,
  414. #9d0000 2px 0px,
  415. #9d0000 0px -2px;
  416. z-index:99;}
  417. </style>
  418.  
  419. <div class="bg">
  420.  
  421. <div class="pyramid"></div>
  422. <div class="circle1"></div>
  423. <div class="circle2"></div>
  424. <div class="circle3"></div>
  425. <div class="square1"></div>
  426. <div class="square2"></div>
  427. <div class="square3"></div>
  428. <div class="lineleft"></div>
  429. <div class="lineright"></div>
  430. <div class="linebtm"></div>
  431.  
  432. <div class="linetopright"></div>
  433. <div class="linetopleft"></div>
  434. <div class="linerightright"></div>
  435. <div class="lineleftleft"></div>
  436. <div class="linebtmright"></div>
  437. <div class="linebtmleft"></div>
  438. <div class="leftpic"></div>
  439. <div class="rightpic"></div>
  440.  
  441. <div id="navi1"><a href="#1"></a></div>
  442. <div id="navi2"><a href="#2"></a></div>
  443. <div id="navi3"><a href="#3"></a></div>
  444.  
  445. <div class="title">Ursin the Red</div>
  446.  
  447. <div id="1" class="info">
  448. <div class="statspic"></div>
  449. <div class="stats">
  450.  
  451. <h1>Statistics</h1>
  452.  
  453. <font style=float:left><b>Name:</b></font> <font style=float:right><i>Unknown.</i></font><br>
  454. <font style=float:left><b>Alias:</b></font> <font style=float:right><i>Ursin.</i></font><br>
  455. <font style=float:left><b>Alter Ego:</b></font> <font style=float:right><i>Ursin the Red.</i></font><br>
  456. <font style=float:left><b>P.o.B.:</b></font> <font style=float:right><i>Western Volundr.</i></font><br>
  457. <font style=float:left><b>D.o.B.:</b></font> <font style=float:right><i>Info.</i></font><br>
  458. <font style=float:left><b>Zodiac:</b></font> <font style=float:right><i>Info.</i></font><br>
  459. <font style=float:left><b>Species:</b></font> <font style=float:right><i>Animal-Kin.</i></font><br>
  460. <font style=float:left><b>Race:</b></font> <font style=float:right><i>Dragon.</i></font><br>
  461. <font style=float:left><b>Alignment:</b></font> <font style=float:right><i>Info.</i></font><br>
  462. <font style=float:left><b>Affiliation:</b></font> <font style=float:right><i>Lunar Torc Guild.</i></font><br>
  463. <font style=float:left><b>Orientation:</b></font> <font style=float:right><i>Info.</i></font><br>
  464. <font style=float:left><b>Marital:</b></font> <font style=float:right><i><a title="">Complicated.</a></i></font><br>
  465. <font style=float:left><b>Occupation:</b></font> <font style=float:right><i>Guild Member.</i></font><br>
  466. <font style=float:left><b>Magic Color:</b></font> <font style=float:right><i>Info.</i></font><br>
  467. <font style=float:left><b>Classification:</b></font> <font style=float:right><i>Transmuter.</i></font><br>
  468. <font style=float:left><b>Homeland:</b></font> <font style=float:right><i>Volundr.</i></font><br>
  469. <font style=float:left><b>Residence:</b></font> <font style=float:right><i>Catalina Island.</i></font><br>
  470. <hr>
  471. <font style=float:left><b>Scale Color:</b></font> <font style=float:right><i>Red.</i></font><br>
  472. <font style=float:left><b>Eye Color:</b></font> <font style=float:right><i>Golden.</i></font><br>
  473. <font style=float:left><b>Stature:</b></font> <font style=float:right><i>Info.</i></font><br>
  474. <font style=float:left><b>Weight:</b></font> <font style=float:right><i>Info.</i></font><br>
  475. <font style=float:left><b>Build:</b></font> <font style=float:right><i>Info.</i></font><br>
  476. <font style=float:left><b>Wing Span:</b></font> <font style=float:right><i>Info.</i></font><br>
  477. <font style=float:left><b>Blood Type:</b></font> <font style=float:right><i>Info.</i></font><br>
  478. <font style=float:left><b>Scars:</b></font> <font style=float:right><i>Info.</i></font><br>
  479. </div></div>
  480.  
  481. <div id="2" class="info">
  482. <div class="words">
  483. <h1>History</h1>
  484. <br>
  485. <h1>Allies</h1>
  486. <marquee direction="left" scrollamount="6" height="70" width="670"><img style="border: 3px solid red;" height="60" width="60" src=""></marquee>
  487.  
  488.  
  489. </div></div>
  490.  
  491. <div id="3" class="info">
  492. <div class="words">
  493. <h1>Out of Character</h1>
  494.  
  495. <b>00</b>. Profile was created by <a target="_blank" href="https://roleplay.chat/profile.php?user=Alcyone" title="">Alcyone</a>, for anyone to use freely. If you are interested in commissioning a profile, go ahead and leave her some mail. Do not delete the credit, please.<br>
  496. <b>01</b>. OOC Rule here.<br>
  497. <b>01</b>. OOC Rule Here.<br>
  498. <b>02</b>. OOC Rule Here.<br>
  499. <b>03</b>. OOC Rule Here.<br>
  500. <b>04</b>. OOC Rule Here.<br>
  501. <b>05</b>. OOC Rule Here.<br>
  502. <b>06</b>. OOC Rule Here.<br>
  503. <b>07</b>. OOC Rule Here.<br>
  504.  
  505. </div></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!