API tools faq
paste
Advertisement
MystiqueAquanian

Hex Profile

MystiqueAquanian
Jan 2nd, 2017
138
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.64 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------------
  2. Page [01]: Vengeance
  3. Made by glenthemes
  4.  
  5. TERMS OF USE:
  6. 1) Do not remove the page credit.
  7. 2) Do not repost/redistribute my themes.
  8. 3) Do not take parts of the code and use it as your own.
  9. 4) You are not allowed to use my graphics/images from my themes.
  10. 5) Do not use my themes as a base code.
  11.  
  12. Please stick to the Terms or else your organs will be twisted more severely than "bend time"
  13. ------------------------------------------------------------------------>
  14.  
  15. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  16. <html xm
  17.  
  18. <head>
  19.  
  20. <title>Galaxies In Her Eyes</title>
  21.  
  22. <link rel="icon" href="http://i.imgur.com/eVbSAug.jpg">
  23.  
  24. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
  25.  
  26. <!--------------------JAVASCRIPTS-------------------->
  27.  
  28.  
  29. <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600' rel='stylesheet' type='text/css'>
  30.  
  31. <link href='https://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
  32.  
  33. <style type="text/css">
  34.  
  35. @font-face { font-family: "pill gothic"; src: url('https://dl.dropboxusercontent.com/s/bff0xwdhe4vurzw/Pill%20Gothic%20600mg%20Thin.ttf'); }
  36.  
  37. @font-face { font-family: "van helsing"; src: url('https://dl.dropboxusercontent.com/s/pkt1zxu7wfgh9oy/Van%20Helsing.ttf'); }
  38.  
  39. /*--------------------TOOLTIPS--------------------*/
  40.  
  41. #s-m-t-tooltip {
  42. padding: 4px 9px;
  43. margin: 26px 9px 0px 15px;
  44. background-color: #181818; /* tooltip background */
  45. font-family: pill gothic;
  46. font-size: 9px;
  47. letter-spacing: 1px;
  48. text-transform: uppercase;
  49. color: #ddd; /* tooltip text */
  50. z-index: 7000;
  51. max-width:400px;
  52. }
  53.  
  54.  
  55. /*--------------------SCROLLBAR--------------------*/
  56.  
  57. ::-webkit-scrollbar {
  58. width: 1.5px;
  59. height: 1.5px;
  60. }
  61.  
  62. ::-webkit-scrollbar-thumb {
  63. background-color: #70565f; /* scrollbar */
  64. }
  65.  
  66. ::-webkit-scrollbar-track {
  67. background-color: #262626; /* scrollbar background */
  68. }
  69.  
  70. /*--------------------SCROLLBAR--------------------*/
  71.  
  72. ::selection {
  73. background: #718989; /* highlighted background */
  74. color:#ddd; /* highlighted text */
  75. }
  76.  
  77. ::-moz-selection {
  78. background: #718989; /* highlighted background */
  79. color:#ddd; /* highlighted text */
  80. }
  81.  
  82.  
  83. /*--------------------BASICS--------------------*/
  84.  
  85. body {
  86. background:#000 url('http://i.imgur.com/U8BtgWY.png'); /* background image */
  87. background-attachment:fixed;
  88. background-repeat:no-repeat;
  89. background-size:cover;
  90. background-position:top right;
  91. cursor:normal;
  92. text-transform:uppercase;
  93. line-height:16px;
  94. font-size:7.5px;
  95. letter-spacing:1px;
  96. }
  97.  
  98. /*--------------------LINKS--------------------*/
  99.  
  100. a {
  101. cursor:help;
  102. text-decoration:none;
  103. -webkit-transition: all 0.4s ease-in-out;
  104. -moz-transition: all 0.4s ease-in-out;
  105. -o-transition: all 0.4s ease-in-out;
  106. }
  107.  
  108. a:hover {
  109. text-decoration:none;
  110. -webkit-transition: all 0.4s ease-in-out;
  111. -moz-transition: all 0.4s ease-in-out;
  112. -o-transition: all 0.4s ease-in-out;
  113. }
  114.  
  115. /*--------------------TUMBLR BUTTONS--------------------*/
  116.  
  117. iframe#tumblr_controls, .iframe-controls--desktop {
  118. top:1px!important;
  119. right:1px!important;
  120. position:fixed!important;
  121. opacity:0.4;
  122. z-index:99999!important;
  123. }
  124.  
  125.  
  126. /*--------------------POST CONTAINER--------------------*/
  127.  
  128. .container {
  129. margin:0 auto;
  130. width:500px;
  131. }
  132.  
  133. /*---------------------------MAIN---------------------------*/
  134. #maintitle {
  135. position:fixed;
  136. top:50%;
  137. transform: translate(0%, -50%);
  138. margin-top:-215px;
  139. margin-left:75px;
  140. width:600px;
  141. height:auto;
  142. background-color:transparent;
  143. font-family:van helsing;
  144. text-transform:uppercase;
  145. color:#c6b0b8; /* main title color */
  146. font-size:50px;
  147. letter-spacing:5px;
  148. text-align:left;
  149. z-index:1000;
  150. }
  151.  
  152. #mainblock {
  153. position:fixed;
  154. top:50%;
  155. transform: translate(0%, -50%);
  156. margin-left:50px;
  157. width:600px;
  158. height:370px;
  159. background-color:rgba(0,0,0,0.55); /* biography background color */
  160. padding:25px;
  161. font-family:pill gothic;
  162. text-transform:none;
  163. color:#c6b0b8; /* biography text */
  164. font-size:17px;
  165. text-align:justify;
  166. overflow:auto;
  167. }
  168.  
  169. #mainblock b, strong {
  170. font-weight:normal;
  171. color:#eee; /* biography bolded text color */
  172. background-color:#171717; /* biography bolded text background */
  173. padding:5px;
  174. }
  175.  
  176. #mainblock i, em {
  177. font-style:italic;
  178. color:#a4b0bc; /* biography italic color */
  179. }
  180.  
  181. #mainblock a {
  182. color:#eee; /* biography link color */
  183. padding-bottom:1px;
  184. border-bottom:0.5px solid #444; /* biography link underline color */
  185. }
  186.  
  187. #mainblock a:hover {
  188. color:#fff; /* biography link hover color */
  189. border-bottom:0.5px solid #888; /* biography link underline hover color */
  190. }
  191.  
  192. #mainblock blockquote {
  193. padding-left:15px;
  194. border-left:1px solid;
  195. border-color:#c6b0b8; /* biography blockquote border color */
  196. margin:10px;
  197. }
  198.  
  199. /*---------------------------SIDE---------------------------*/
  200. #sidepic {
  201. position:fixed;
  202. top:50%;
  203. transform: translate(0%, -50%);
  204. margin-top:-45px;
  205. margin-left:-225px;
  206. width:250px;
  207. height:310px;
  208. background-color:transparent;
  209. }
  210.  
  211. #sidepic img {
  212. width:250px;
  213. height:310px;
  214. }
  215.  
  216. #sidetext {
  217. position:fixed;
  218. top:50%;
  219. transform: translate(0%, -50%);
  220. margin-top:160px;
  221. margin-left:-225px;
  222. width:230px;
  223. height:60px;
  224. background-color:rgba(0,0,0,0.55); /* sidebar background */
  225. padding:10px;
  226. font-family:pill gothic;
  227. text-transform:none;
  228. color:#bbcdcd; /* sidebar text color */
  229. font-size:10px;
  230. text-align:left;
  231. overflow:auto;
  232. z-index:1000;
  233. }
  234.  
  235. #sidetext b, strong {
  236. font-weight:bold;
  237. color:#eee; /* sidebar bold color */
  238. }
  239.  
  240. #sidetext i, em {
  241. font-style:italic;
  242. color:#a4b0bc; /* sidebar italic color */
  243. }
  244.  
  245. #sidetext a {
  246. color:#eee; /* sidebar link color */
  247. padding-bottom:1px;
  248. border-bottom:0.5px solid #444; /* sidebar link underline color */
  249. }
  250.  
  251. #sidetext a:hover {
  252. color:#fff; /* sidebar link hover color */
  253. border-bottom:0.5px solid #888; /* sidebar link underline hover color */
  254. }
  255.  
  256. #sidelinks {
  257. position:fixed;
  258. top:50%;
  259. transform: translate(0%, -50%);
  260. margin-top:155px;
  261. margin-left:-250px;
  262. width:30px;
  263. height:60px;
  264. }
  265.  
  266. #sidelinks a {
  267. width:17px;
  268. height:17px;
  269. background-color:#604a52; /* sidebar nav links color */
  270. border-radius:100%;
  271. margin-bottom:5px;
  272. display:inline-block;
  273. }
  274.  
  275. #sidelinks a:hover {
  276. background-color:#80636d; /* sidebar nav links hover color */
  277. }
  278.  
  279. /*---------------------------NAV LINKS---------------------------*/
  280. #navih {
  281. position:fixed;
  282. top:50%;
  283. transform: translate(0%, -50%);
  284. margin-top:280px;
  285. margin-left:75px;
  286. width:600px;
  287. height:100px;
  288. }
  289.  
  290. #navih img {
  291. width:60px;
  292. height:60px;
  293. border-radius:100%;
  294. padding:5px;
  295. border:0.5px solid #556767; /* custom links border color */
  296. margin-right:10px;
  297. -webkit-transition: all 1.7s ease-in-out;
  298. -moz-transition: all 1.7s ease-in-out;
  299. -o-transition: all 1.7s ease-in-out;
  300. }
  301.  
  302. #navih img:hover {
  303. -ms-transform: rotate(360deg);
  304. -webkit-transform: rotate(360deg);
  305. transform: rotate(360deg);
  306. -webkit-transition: all 0.6s ease-in-out;
  307. -moz-transition: all 0.6s ease-in-out;
  308. -o-transition: all 0.6s ease-in-out;
  309. }
  310.  
  311. /*-----------------------CREDIT. DO NOT REMOVE-----------------------*/
  312. #c {
  313. position:fixed;
  314. bottom:12px;
  315. right:12px;
  316. }
  317.  
  318. #c a {
  319.  
  320. font-family:pill gothic;
  321. font-size:11px;
  322. text-transform:uppercase;
  323. color:#bbb; /* credit color */
  324. background-color:#111; /* credit background color */
  325. letter-spacing:1.5px;
  326. padding:5px 7px;
  327. }
  328.  
  329. #c a:hover {
  330. color:#ddd; /* credit hover color */
  331. background-color: /* credit background hover color */;
  332. }
  333.  
  334. {CustomCSS}
  335.  
  336. #musicplayer {
  337. position: fixed;
  338. z-index: 99999999999999;
  339. top: 30px;
  340. margin-left: 15px;
  341. width: 31px;
  342. height: 31px;
  343. -webkit-border-radius: 100%;
  344. -moz-border-radius: 100%;
  345. border-radius: 100%;
  346. background: #000; /* icon background */
  347. border: 3px double #444;
  348. -webkit-transition: all .7s ease;
  349. -moz-transition: all .7s ease;
  350. -o-transition: all .7s ease;
  351. transition: all .7s ease;
  352. }
  353.  
  354. #musicplayer img {
  355. width: 15px;
  356. padding: 8px 0px 0px 8px;
  357. }
  358.  
  359. #line {
  360. position:absolute;
  361. background:#444; /* middle line color*/
  362. }
  363.  
  364. .line {
  365. top: 13px;
  366. left: 33px;
  367. width: 0px;
  368. height: 3px;
  369. -webkit-transition:all .4s ease;
  370. -moz-transition:all .4s ease;
  371. -o-transition:all .4s ease;
  372. transition-delay: 0s;
  373. -webkit-transition-delay: 0s;
  374. }
  375.  
  376. #musicplayer:hover .line {
  377. width: 20px;
  378. -webkit-transition-delay: 0s;
  379. }
  380.  
  381. .play {
  382. z-index: 9999;
  383. top: 0px;
  384. left: 50px;
  385. width: 140px;
  386. height: 0px;
  387. padding: 0px 5px 5px 5px;
  388. overflow: hidden;
  389. position: absolute;
  390. text-align: center;
  391. background: #000; /* player background */
  392. border-left: 3px solid #333; /* player border */
  393. opacity: 0;
  394. -webkit-transition: all .4s ease;
  395. -moz-transition: all .4s ease;
  396. -o-transition: all .4s ease;
  397. transition-delay: .4s;
  398. -webkit-transition-delay: .4s;
  399. }
  400.  
  401. #musicplayer:hover .play {
  402. height: 25px;
  403. opacity: 1;
  404. transition-delay: .6s;
  405. -webkit-transition-delay: .6s;
  406. }
  407.  
  408. </style>
  409.  
  410. </head>
  411.  
  412. <body>
  413. <div id="musicplayer">
  414. <img src="http://67.media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif">
  415. </div>
  416. </div>
  417.  
  418. <!-----CREDIT. DO NOT REMOVE----->
  419. <div id="c"><a href="http://glenthemes.tumblr.com" title="page by glenthemes">credit</a></div>
  420.  
  421. <div class="container">
  422.  
  423. <div id="sidepic">
  424. <!-----SIDEBAR IMAGE LINK----->
  425. <img src="http://imgur.com/qgc8zEe.jpg">
  426. </div>
  427.  
  428. <div id="sidetext">
  429. <!-----SIDEBAR BOX TEXT----->
  430. Photo credits: Rydel Lynch
  431. </div>
  432.  
  433. <div id="sidelinks">
  434. <a href="/" title="home"></a> <!-----HOME LINK----->
  435. <a href="/ask" title="owl"></a> <!-----ASK LINK----->
  436.  
  437. </div>
  438.  
  439. <div id="maintitle">
  440. <!-----MAIN TITLE TEXT----->
  441. Princess
  442. </div>
  443.  
  444. <div id="mainblock">
  445. <!-----YOUR BIOGRAPHY TEXT GOES HERE----->
  446. <p>Basic Info:
  447. <p>Name: Jes</p>
  448. <p>Pronouns: she/hers</p>
  449. <p>Birthday: 22/5</p>
  450. <p>Location: Hogwarts Ravenclaw dorm</p>
  451. <p>Personality: Intelligent, bookworm, romantic sap, critical, careless</p>
  452. <p>Fav books: Harry Potter, Percy Jackson and the Olympians/Heroes of Olympus, The Hunger Games, Land Of Stories</p>
  453. <p>Fav movies: Exam, Now You See Me, Now You See Me 2</p>
  454. <p>Fav TV shows: Girl Meets World, Austin and Ally, Jessie, Pretty Little Liars, Shadowhunters/Mortal Instruments</p>
  455. <p>Fav food: sushi, ice-cream</p>
  456. <p>Fav drink: water</p>
  457.  
  458. <p>--------------------------------------------------------------------------------------------</p>
  459.  
  460. <p>Hi! Whatever brings you here, she is glad that it did. </p>
  461. <p>The person using this account is Jes, or Jessie, or Princess. (Her friends call her that with no apparent reason) She is a very complicated girl. With general people she is 'solemn and serious' - quoting from a friend - but by herself, she is crazy and emotional and just generally a fangirl. </p>
  462.  
  463. <p>--------------------------------------------------------------------------------------------</p>
  464.  
  465. <p>What Friends Say: </p>
  466. <p>Janice: 'good, kind, short, smart, clever'</p>
  467. <p>Brittany: 'adorable, tiny, cute, ponytail, harry potter'</p>
  468. <p>Natalie: ''</p>
  469. <p>Athena: 'witty,'</p>
  470. <p>Tiffany: 'mature, dispassionate, quiet, generous, witty'</p>
  471. <p>Yomiko: ''</p>
  472. <p>Cherry: 'care too much about school, '</p>
  473. <p>Yannie: 'brilliant, funny, short, caring, cute '</p>
  474. <p>So you see, I have a Ravenclaw's heart and a Hufflepuff's heart.</p>
  475.  
  476. <p>--------------------------------------------------------------------------------------------</p>
  477.  
  478. <p>Random Facts About Me</p>
  479. <p>- I am Asian</p>
  480. <p>- I want to be a writer when I grow up</p>
  481. <p>- I am really short. They said I actually stopped growing for a short while, , but there is nothing wrong with me that they can find</p>
  482. <p>- I loooooove reading. It's what keeps me from falling apart. I have always been interested in reading, I think</p>
  483. <p>- I am Ravenpuff</p>
  484. <p>- My favourite colour is purple</p>
  485. <p>- I like ballet</p>
  486. <p>- I am somewhat a perfectionist</p>
  487. <p>- I learn British English</p>
  488. <p>- I know three languages</p>
  489.  
  490. <p>--------------------------------------------------------------------------------------------</p>
  491.  
  492. <p>Fav books:</p>
  493. <p>- <b>Harry Potter</b> > duh</p>
  494. <p>- <b>Percy Jackson and the Olympians/Heroes of Olympus</b> > lowkey crushing on Jason + Percy <img src="http://img.hexrpg.com/images/icon_look.gif">
  495. <p>- <b>The Kane Chronicles</b> > because I love Carter and Sadie and ANUBIS</p>
  496. <p>- <b>Land of Stories</b> > what's not to like about books that makes you laugh and cry and teach you things about life?</p>
  497. <p>- <b>The Hunger Games</b> > I ship Katniss and Peeta and I hate <spoilers> Finnick and Prim dead </spoilers>, but still! </p>
  498.  
  499.  
  500. <p>--------------------------------------------------------------------------------------------</p>
  501.  
  502. <p>Fav music artists:</p>
  503. <p>- <b>Little Mix</b>! > love their new album</p>
  504. <p>- <b>Taylor Swift</b> > I just like her songs</p>
  505. <p>- <b>Sabrina Carpenter</b> > I love her and her songs, wonderful human being</p>
  506. <p>- <b>Selena Gomez</b> > I actually like her acting more than her singing, to be honest</p>
  507. <p>- <b>Pentatonix</b> > how is it possible that five people singing can bring you this kind of joy?! </p>
  508. </div>
  509.  
  510. <div id="navih">
  511. <!-----
  512.  
  513. ----->
  514. <a href="http://www.hexrpg.com" title="Click Your Shoes and Return Home"><img src="http://i.imgur.com/0pGsm49.png"></a>
  515.  
  516. <a href=http://www.hexrpg.com/owl/UnicornNight1872" title="Owl Me!"><img src="http://i.imgur.com/4EZGyhJ.png"></a>
  517.  
  518. <a href="http://www.hexrpg.com/hogfriends.php?hogfriend=UnicornNight1872&link=1" title="Be My Friend!"><img src="http://imgur.com/WvBhH2Q.png"></a>
  519.  
  520. <a href="http://www.hexrpg.com/wishlist/index.php?view=UnicornNight1872" title="I Wish with All My Heart"><img src="http://i.imgur.com/ZZ83frg.png"></a>
  521.  
  522. <a href="http://www.hexrpg.com/trophy/index.php?user=UnicornNight1872" title="My Pretties"><img src="http://imgur.com/P8XEoua.png"></a>
  523. </div>
  524.  
  525.  
  526. </body>
  527.  
  528. </div>
  529. </html>
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!