API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 25th, 2020
206
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.11 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2.  
  3. .circular--square {
  4. border-radius: 50%;
  5. }
  6.  
  7. Body {
  8.  
  9. Background-color: #660000;
  10. background-position: center;
  11. background-size:100%;
  12. background-image:url(https://i.imgur.com/LucTmz8.jpg);
  13. background-repeat:no-repeat;}
  14.  
  15.  
  16. padding:0; font-family: Arial, Helvetica, sans-serif;
  17. margin:0px auto auto auto;
  18. zoom: 1.5;
  19. -moz-transform: scale(1.5);
  20.  
  21.  
  22. zoom: 1.5;
  23.  
  24. -moz-transform: scale(1.5);
  25. }
  26.  
  27. b {
  28. font-size: 10px;
  29.  
  30.  
  31. }
  32.  
  33. Article1 {
  34.  
  35. margin-bottom: 10px;
  36. margin-top: 50px;
  37. border-color: black;
  38. border-bottom: 10px solid #660000;
  39. border: 30px solid #660000;
  40.  
  41. }
  42.  
  43. Article2 {
  44.  
  45. text-position:center;
  46. font-color: green;
  47. font-family: Arial;
  48. font-size: 20px;
  49.  
  50. }
  51.  
  52. h1{
  53. font-size: 50px;
  54. width: 90%;
  55. font-family: Arial;
  56. font-weight: normal;
  57. color: #00e6e6;
  58. line-height: 20px;
  59. text-transform: uppercase;
  60. text-align: center;
  61. border-bottom: 10px solid #800000;
  62. border: 50px solid #800000;
  63. }
  64.  
  65. a:hover {
  66. color: #ffffff;
  67. text-decoration: none;
  68. transition: all 0.4s ease-in-out;
  69. -moz-transition: all 0.4s ease-in-out;
  70. -webkit-transition: all 0.4s ease-in-out;}
  71.  
  72. ::-webkit-scrollbar-thumb {
  73. width: 0px;
  74. background-color: transparent;}
  75. ::-webkit-scrollbar {
  76. width: 0px;
  77. background-color: transparent;}
  78.  
  79. #navi a {
  80. border-radius: 75px;
  81. height: 75px;
  82. width: 175px;
  83. margin-top: 5px;
  84. color: #00e6e6;
  85. text-decoration: none;
  86. font-family: comic sans ms;
  87. font-size: 30px;
  88. display: inline-block;
  89. border: 20px solid #800000;
  90. background-color: #660000;
  91. transition: all 0.7s ease-in-out;
  92. -moz-transition: all 0.7s ease-in-out;
  93. -webkit-transition: all 0.7s ease-in-out;}
  94.  
  95. #navi {
  96. position: fixed;
  97. right: 10%;
  98. top: .5%;
  99. text-align: center;
  100. height: 1%;
  101. width: 10%;}
  102.  
  103.  
  104.  
  105. #navi a:hover {
  106. border: 4px double #660000;
  107. color: blue;
  108. letter-spacing: 4px;
  109. text-shadow: 0 0 0.9em #FFDF05;
  110. transition: all 0.3s ease-in-out;
  111. -moz-transition: all 0.3s ease-in-out;
  112. -webkit-transition: all 0.3s ease-in-out;}
  113.  
  114. #infobox {
  115. position: fixed;
  116. right: 25%;
  117. top: 3%;
  118. width: 1190px;
  119. height: 1050px;
  120. border: 4px double #660000;
  121. background-color: #660000;
  122. color: #00e6e6;
  123. font-family: arial;
  124. font-size: 14px;
  125. padding-left:20px ;}
  126.  
  127. a {
  128. color: #FFDF05;
  129. text-decoration: none;
  130. transition: all 0.4s ease-in-out;
  131. -moz-transition: all 0.4s ease-in-out;
  132. -webkit-transition: all 0.4s ease-in-out;}
  133.  
  134.  
  135. #profile {
  136. background-color: transparent;
  137. border: transparent;}
  138.  
  139. </style>
  140.  
  141. <body>
  142.  
  143. <div id="navi">
  144. <a href="#01"><b>Stats</b></a>
  145. <a href="#02"><b>Gallery</b></a>
  146. <a href="#03"><b>History</b></a>
  147. <a href="#04"><b>Friends</b></a>
  148. <a href="#05"><b>Talents</b></a>
  149. <a href="#06"><b>Misc</b></a>
  150. <a href="#07"><b>OOC</b></a>
  151. <a href="#08"><b>Misc2</b></a>
  152. <a href="#09"><b>OOC3</b></a>
  153.  
  154. </div>
  155.  
  156. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-14/gam1379.ani), url(http://cur.cursors-4u.net/games/gam-14/gam1379.png), progress !important;}</style><a target="_blank" href="http://www.cursors-4u.com/cursor/2011/11/11/halo-energy-sword-15.html" target="_blank" title="Halo Energy Sword"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Halo Energy Sword" style="position:absolute; top: 0px; right: 0px;" /></a>
  157.  
  158. <div id="infobox">
  159. <div style="height: 100%; overflow-y: hidden;">
  160. <a name="01"></a>
  161. <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
  162. <center><font color="#DEFFFF"></font>
  163.  
  164. <article2 align="left">
  165.  
  166. <br><b>Name - </b> Xykom
  167. <br>
  168. <br><b>Age - </b> Young Adult
  169. <br>
  170. <br><b>Sex - </b> Male
  171. <br>
  172. <br><b>DOB - </b> Unknown
  173. <br>
  174. <br><b>Height - </b> 11 foot at the shoulder.
  175. <br>
  176. <br><b>Parental status - </b> N/A
  177. <br>
  178. <br><b>Marital status - </b> Single.
  179. <br>
  180. <br><b>Parent relationship - </b> Scion to an ancient Elder Dragon.
  181. <br>
  182. <br><b> Species - </b> Crystal Dragon
  183. <br>
  184. <br><b>Elemental Connections - </b> Earth and Fire and Lightning.. (Prime.) - - - Ice. (Lesser.)
  185. <br>
  186. <br><b>Occupation - </b> Being a dragon
  187. <br>
  188. <br><b>Sexual Orientation - </b> Straight.
  189. <br>
  190. <br><b>Rider/Companion - </b> None.
  191. <br>
  192. <br><b>Personality - </b> Easily agitated but overall fairly lazy and caring for his friends and highly protective of them.
  193. <br>
  194. <br><b>Voice - </b> Refer to Keith David.
  195. <br>
  196. <br>
  197.  
  198. </br>
  199.  
  200.  
  201. </article2>
  202.  
  203.  
  204. </div>
  205.  
  206. <a name="02"></a>
  207. <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
  208. <center><font color="#DEFFFF"> </font>
  209.  
  210.  
  211.  
  212. </div>
  213.  
  214. <a name="03"></a>
  215. <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
  216. <center><font color="#DEFFFF"> </font>
  217.  
  218. <article2>
  219.  
  220. <br><b>History - </b> Xykom
  221.  
  222. <br>
  223. <br>
  224. <br>
  225. <br>
  226. <br>
  227. <br>
  228.  
  229. </article2>
  230.  
  231. </div>
  232.  
  233. <a name="04"></a>
  234. <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
  235. <center><font color="#DEFFFF"></font>
  236.  
  237. <article2>
  238.  
  239. <br>
  240. <br>
  241. <br>
  242. <br>
  243. <br>
  244. <br>
  245.  
  246. </article2>
  247.  
  248. </div>
  249.  
  250. <a name="05"></a>
  251. <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
  252. <center><font color="#DEFFFF"></font>
  253.  
  254. <article2>
  255.  
  256. <br>
  257. <br>Telepathy - Speaks for itself, though this power isn't new to him, it's limited as he continues to train himself mentally. It requires him to be in close proximity to the target is strongest when in physical contact. Doesn't read thoughts but allows him to silently project his voice to another, like he was whispering into one's ear.
  258. <br>
  259. <br>
  260. <br>Matter manipulation - Ability to manipulate matter around him, namely respective entities in the world that correspond with his natural elemental connections, like earth and fire. Carving tunnels straight through rock for example are abilities that are relatively new to him and remain limited until he can work on improving how knowledge of the processes.
  261. <br>
  262. <br>Dark Energies. - Another trick comes from his body which naturally produces immense quantities of a unique dark energy which even since he was much younger it's use was that of projecting a virtually impervious shield around himself, or another he is close to. It requires a tremendous amount of physical strength and mental focus meaning he loses the ability to remain in an offensive state and it however and is strictly used for self defense or in support of others. Resistant to magics and physical attacks. Field works both ways. Physical barrier.
  263. <br>
  264. <br>Light Bending - Ability to form unique crystal plating which bends light in such a way thus rendering him almost completely invisible to the naked eye.
  265. <br>
  266. <br>
  267. <br>
  268. <br>
  269. <br>
  270. <br>
  271. <br>
  272. <br>
  273. <br>
  274.  
  275.  
  276. </article2>
  277.  
  278. </div>
  279.  
  280. <a name="06"></a>
  281. <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
  282. <center><font color="#DEFFFF"></font>
  283.  
  284. <article2>
  285.  
  286. <br>
  287. <br>
  288. <br>
  289. <br>
  290. <br>
  291. <br>
  292.  
  293. </article2>
  294.  
  295. </div>
  296.  
  297. <a name="07"></a>
  298. <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
  299. <center><font color="#DEFFFF"></font>
  300.  
  301. <article2>
  302.  
  303.  
  304.  
  305. <br>
  306. <br>
  307. <br>PM Friendly. Don't be scared to approach.
  308. <br>
  309. <br>OOC is not the same as IC. Don't blur the lines.
  310. <br>
  311. <br>Please have some kind of profile like a few basic stat details and most of all a reference picture.
  312. <br>
  313. <br>Third person perspective writing please.
  314. <br>
  315. <br>
  316. <br><a target="_blank" href="https://www.f-list.net/c/darendrg/" title="sulferkiliack's CrushTag"><img style="border:22px solid orange;"img src="https://image.jimcdn.com/app/cms/image/transf/none/path/s36f6feffdae42685/image/i26076350a5d49887/version/1490677602/image.png" width="400" border="0" /></a>
  317. <br>
  318. <br><a target="_blank" href="http://www.thiscrush.com/~xykomv2" title="xykomv2's CrushTag"><img style="border:22px solid orange; "img src="https://tse4.mm.bing.net/th?id=OIP.VzZswGsxegV3evdVWIH33AHaHa&pid=15.1&P=0&w=300&h=300" border="0" /></a><br /><a target="_blank" href="http://www.thiscrush.com" title="ThisCrush CrushTag"></a>
  319. <br>
  320. <br><div align='center'><a target='_blank' href='http://www.hit-counts.com'><img style="border:22px solid orange;" img src='http://www.hit-counts.com/counter.php?t=MTQxNjk2Nw==' border='0' alt='Free Hit Counter'></a><BR><a target='_blank' href='http://www.hit-counts.com'></a></div>
  321.  
  322. <br>
  323. <br>
  324. <br>
  325. <br>
  326. <br>
  327.  
  328. </article2>
  329.  
  330. </div>
  331.  
  332. <a name="08"></a>
  333. <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
  334. <center><font color="#DEFFFF"></font>
  335.  
  336. <article2>
  337.  
  338. <br>
  339. <br>
  340. <br>
  341. <br>
  342. <br>
  343. <br>
  344.  
  345. </article2>
  346.  
  347. </div>
  348.  
  349. <a name="09"></a>
  350. <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="center">
  351. <center><font color="#DEFFFF"></font>
  352.  
  353. <article2>
  354.  
  355. <br>
  356. <br>
  357. <br>
  358. <br>
  359. <br>
  360. <br>
  361.  
  362. </article2>
  363.  
  364. </div>
  365.  
  366. </body>
  367.  
  368. <audio ><source src="http://k003.kiwi6.com/hotlink/ym914luk3v/Were_The_Desperate_Measures_ODST_Theme_.mp3" type="audio/mpeg"></audio>
  369.  
  370.  
  371.  
  372. <audio controls="controls" >
  373. <source src="horse.ogg" type="audio/ogg" />
  374. <source src="http://k003.kiwi6.com/hotlink/ym914luk3v/Were_The_Desperate_Measures_ODST_Theme_.mp3" />
  375. </audio>
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!