API tools faq
paste
Advertisement
destinatia

PAGE 003: ✧ * º • ☾ PEACH. ❜ — destinatiia

destinatia
Jul 31st, 2016
6,183
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.07 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5.  
  6. <!--
  7.  
  8. ✧ * ☾ destinatiia.tumblr.com * ✧
  9.  
  10. - you're allowed edit as much as you want, but don't repost and claim as your own afterwards.
  11. - don't move the credit or put it in another page
  12. - don't take fragments from this code and paste it on your own. it's rude as i worked real hard on this one so.
  13. - NONE OF THE ICONS SHOWN BELONG TO ME so credit to their rightful owners
  14. - enjoy !! and if you have any questions and/or problems just hmu
  15.  
  16. -->
  17.  
  18.  
  19. <!-- your page title goes here ! -->
  20.  
  21. <title>PEACH</title>
  22.  
  23.  
  24. <link rel="shortcut icon" href="http://65.media.tumblr.com/tumblr_lkl75bsU9n1qfamg6.png">
  25. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
  26.  
  27. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  28.  
  29. <script type="text/javascript">
  30. jQuery(document).ready(function() {
  31. jQuery(".dd").hide();
  32. //toggle the componenet with class msg_body
  33. jQuery(".yeahso").click(function()
  34. {
  35. jQuery(this).next(".dd").slideToggle(500);
  36. });});
  37.  
  38. function showDiv() {
  39. $('#townmap').show();
  40. $('#townlistings').hide();
  41. }
  42.  
  43. function showListings() {
  44. $('#townlistings').show();
  45. $('#townmap').hide();
  46. }
  47. </script>
  48.  
  49. <script>
  50. $(document).ready(function(){
  51. $(".filters").click(function(e) {
  52. e.preventDefault();
  53. $(".media").not("." + $(this).attr("rel")).hide(500);
  54. $("." + $(this).attr("rel")).show(500);
  55. });
  56. });
  57. </script>
  58.  
  59. <!-- TOOLTIP SCRIPT (REMOVE ONYL IF YOU WANT STANDARD BROWSER TOOLTIPS) -->
  60.  
  61. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  62. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  63. <script>
  64. (function($){
  65. $(document).ready(function(){
  66. $("a[title]").style_my_tooltips({
  67. tip_follows_cursor:true,
  68. tip_delay_time:90,
  69. tip_fade_speed:600,
  70. attribute:"title"
  71. });
  72. });
  73. })(jQuery);
  74. </script>
  75.  
  76. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  77.  
  78.  
  79. <script type="text/javascript">
  80. <!--
  81. function toggle_visibility(id) {
  82. var e = document.getElementById(id);
  83. if(e.style.display == 'block')
  84. e.style.display = 'none';
  85. else
  86. e.style.display = 'block';
  87. }
  88. //-->
  89. </script>
  90.  
  91. <script type="text/javascript"
  92. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  93.  
  94.  
  95. <style>
  96. /* -------- SCROLLBAR ------- */
  97.  
  98. #s-m-t-tooltip {
  99. max-width:300px;
  100. padding:7px;
  101. border-radius:20px;
  102. margin:10px 0px 0px 10px;
  103. background-color:#fff;
  104. font-family:'montserrat',sans serif;
  105. font-size:10px;
  106. color:#c7b8e6;
  107. z-index:999999999999999999999999999999999999;
  108. }
  109.  
  110. ::-webkit-scrollbar {
  111. width:0px;
  112. visibility:hidden;
  113. }
  114.  
  115. /* Track */
  116. ::-webkit-scrollbar-track {
  117. background:{color:background};
  118. visibility:hidden;
  119. }
  120.  
  121. /* Handle */
  122. ::-webkit-scrollbar-thumb {
  123. background:{color:text};
  124. visibility:hidden;
  125. }
  126. ::-webkit-scrollbar-thumb:window-inactive {
  127. background: transparent;
  128. visibility:hidden;
  129. }
  130.  
  131.  
  132. body{
  133. color: #9f9e9e; /* ---- text color !! ---- */
  134. overflow-y:hidden;
  135. overflow-x:auto;
  136. font-family: calibri;
  137. background-color:#f9f9f9; /* ---- p self explanatory ---- */
  138. background-image:url('BACKGROUND URL'); /* ---- a bg image is an option so here it is lols ---- */
  139. font-size: 9px;
  140. margin-left:150px;
  141. letter-spacing:0.5px;
  142. word-wrap: break-word;
  143. line-height:160%;
  144. }
  145.  
  146. sup, sub, small {
  147. font-size:8px;
  148. }
  149.  
  150. h1 {
  151. font-family:'montserrat', sans serif;
  152. font-size:24px;
  153. color:#d0a8a0;
  154. }
  155.  
  156.  
  157. h2 {
  158. font-family:'montserrat', sans serif;
  159. font-size:18px;
  160. font-style:italic;
  161. color: #d0a8a0;
  162. }
  163.  
  164.  
  165. a {
  166. color: #d0a8a0;
  167. text-decoration: none;
  168. -webkit-transition: all .3s;
  169. -moz-transition: all .3s;
  170. -o-transition: all .3s;
  171. -ms-transition: all .3s;
  172. transition: all .3s;
  173. }
  174.  
  175.  
  176. b, strong, i, em, s, strike, u, underline{
  177. color: #d0a8a0;
  178. font-family:'montserrat', sans serif;
  179. }
  180.  
  181. blockquote {
  182. margin: 10px;
  183. padding-left:25px;
  184. padding-top:3px;
  185. padding-bottom:3px;
  186. }
  187.  
  188. #header {
  189. background-color:#fff; /* ---- this is the muse bg so Choose Carefully ---- */
  190. width:460px;
  191. height:150px;
  192. }
  193.  
  194. .mtitle {
  195. background-color:#ddd; /* ---- this is the background for the ... muse title part ?? could be a quote , a name , wtvs ---- */
  196. width:440px;
  197. text-align:center;
  198. height:5px;
  199. font-size:8px;
  200. text-transform:uppercase;
  201. padding-top:3px;
  202. padding-right:10px;
  203. padding-left:10px;
  204. padding-bottom:15px;
  205. }
  206.  
  207. .dropdown {
  208. width:440px;
  209. z-index:999;
  210. background-color:#fff; /* ---- this is the bg from inside of the dropdown so ! ---- */
  211. height:auto;
  212. padding-top:2px;
  213. padding-right:10px;
  214. padding-left:10px;
  215. padding-bottom:0px;
  216. font-family:'montserrat', sans serif;
  217. font-size:10px;
  218. text-align:center;
  219. margin-left:82px;
  220. }
  221.  
  222. .dd{
  223. margin-top:5px;
  224. padding:10px;
  225. text-align:left;
  226. width:440px;
  227. overflow:auto;
  228. margin-left:-10px;
  229. height:220px;
  230. font-family:calibri;
  231. }
  232. .dd img{
  233. border-radius:100px;
  234. width:60px;
  235. margin-left:320px;
  236. position:relative;
  237. margin-top:-25px;
  238. z-index:999
  239. }
  240.  
  241. .yeahso {
  242. font-size:13px;
  243. text-align:right;
  244. z-index:999999999999;
  245. -webkit-transition: all .3s;
  246. -moz-transition: all .3s;
  247. -o-transition: all .3s;
  248. -ms-transition: all .3s;
  249. transition: all .3s;
  250. }
  251.  
  252. .yeahso:hover{
  253. font-size:15px;
  254. -webkit-transition: all .3s;
  255. -moz-transition: all .3s;
  256. -o-transition: all .3s;
  257. -ms-transition: all .3s;
  258. transition: all .3s;
  259. }
  260.  
  261. #ddbox {
  262. z-index:9;
  263. overflow:auto;
  264. height:auto;
  265. top: 50%;
  266. left: 50%;
  267. margin-top: -20px;
  268. margin-left: -82px;
  269. }
  270.  
  271. #cont {
  272. position: fixed;
  273. top: 50%;
  274. left: 50%;
  275. margin-top: -280px;
  276. margin-left: -240px;
  277. overflow:auto;
  278. width:480px;
  279. padding-top:20px;
  280. padding-bottom:10px;
  281. padding-left:20px;
  282. height:470px;
  283. background-image:url('BACKGROUND URL'); /* ---- p self explanatory ---- */
  284. background-color:#eee; /* ---- this is the container background ! ---- */
  285. }
  286.  
  287. #filters{
  288. margin-top:-280px;
  289. width: 70px;
  290. padding: 20px;
  291. text-transform:uppercase;
  292. z-index:999;
  293. position:fixed;
  294. top: 50%;
  295. overflow:auto;
  296. left: 50%;
  297. margin-left: 260px;
  298. background:#ddd; /* ---- this is the filter Container background ! ---- */
  299. height:460px;
  300. }
  301.  
  302. #filters a{
  303. font-size: 8px;
  304. text-decoration: none;
  305. top:50%;
  306. text-align: center;
  307. width:50px;
  308. background: #ffffff; /* ---- this is the bg color of each filter ---- */
  309. padding:10px;
  310. border-bottom:4px solid #d0a8a0; /* ---- this is the bottom border from each filter ---- */
  311. margin-bottom:10px;
  312. display: inline-block;
  313. vertical-align: middle;
  314. }
  315.  
  316. .media {
  317. font-size:auto;
  318. }
  319.  
  320.  
  321. .bubble {
  322. z-index:1;
  323. height:86px;
  324. width:350px;
  325. margin-left:30px;
  326. margin-top:30px;
  327. overflow:auto
  328. position: relative;
  329. letter-spacing:0.5px;
  330. line-height:130%;
  331. padding: 10px;
  332. background: #ddd; /* ---- this is the bubble background from the dropdown ! ---- */
  333. border-radius: 10px 10px 0px 0px;
  334. }
  335.  
  336. .bubblelinks {
  337. width:40px;
  338. height:90px;
  339. font-size:15px;
  340. text-align:center;
  341. margin-left:-10px;
  342. line-height:22px;
  343. border-right:1px solid #d0d0d0;
  344. }
  345.  
  346. .bubbletext {
  347. width:290px;
  348. margin-top:-83px;
  349. text-align:justify;
  350. margin-left:60px;
  351. height:83px;
  352. overflow:auto;
  353. line-height:15px;
  354. }
  355.  
  356. .bubblebar {
  357. padding-top:8px;
  358. padding-right:10px;
  359. padding-left:10px;
  360. padding-bottom:1px;
  361. background:#d0d0d0; /* ---- p self explanatory ---- */
  362. margin-top:0px;
  363. width:350px;
  364. height:20px;
  365. margin-left:30px;
  366. color:#888;
  367. font-size:8px;
  368. overflow:hidden;
  369. text-align:left;
  370. text-transform:uppercase;
  371. }
  372.  
  373. #icons {
  374. width:auto;
  375. z-index:9;
  376. height:200px;
  377. font-family:'montserrat', sans serif;
  378. font-size:24px;
  379. letter-spacing:240px;
  380. line-height:40px;
  381. margin-top:10px;
  382. padding:10px;
  383. margin-left:17px;
  384. }
  385.  
  386. #icons img{
  387. width:80px;
  388. border-radius:60px;
  389. }
  390.  
  391. #desc {
  392. width:200px;
  393. z-index:9999999;
  394. height:80px;
  395. padding:10px;
  396. font-size:8px;
  397. overflow:auto;
  398. text-transform:uppercase;
  399. text-align:justify;
  400. margin-left:120px;
  401. margin-top:-220px;
  402. }
  403.  
  404. #ok {
  405. margin: 0 0 0.5em;
  406. border-radius: 1em;
  407. padding: 0.5em 1em;
  408. background: #d0a8a0; /* ---- choose a vibrant color so it looks cute ---- */
  409. max-width: 100%;
  410. clear: both;
  411. position: relative;
  412. }
  413. #ok.me {
  414. float: right;
  415. height:17px;
  416. background-color: #d0a8a0; /* ---- choose the same vibrant color so it looks cute and neat ---- */
  417. color: white;
  418. }
  419. #ok.me::after {
  420. content: "";
  421. position: absolute;
  422. right: -0.5em;
  423. bottom: 0;
  424. width: 0.5em;
  425. height: 1em;
  426. border-left: 0.5em solid #d0a8a0; /* ---- choose the same vibrant color so it looks cute and neat ---- */
  427. border-bottom-left-radius: 1em 0.5em;
  428. }
  429.  
  430. #yo {
  431. color: #d0a8a0;
  432. font-size:7.5px;
  433. float:right;
  434. right:0;
  435. bottom:0;
  436. margin-right:10px;
  437. margin-bottom:10px;
  438. padding:10px;
  439. position:fixed;
  440. background-color:transparent;
  441. font-weight:bold;
  442. text-align:center;
  443.  
  444. }
  445.  
  446. </style>
  447. </head>
  448.  
  449.  
  450. <!-- OK SO now what you're abt to witness is a very nice tutorial on how to ............... customize this i Guess ?? however , it will only be explained in this muse section : don't worry , they are all the same Bro (●´ω｀●)
  451.  
  452. and one more Thing ! in case you wanna add more muses just copy everything in between the MUSE and END OF MUSE tags . you can add a million if you'd like (づ｡◕‿‿◕｡)づ-->
  453.  
  454.  
  455. <body>
  456.  
  457. <!----- these are the filters . i put some unnecessary labels for each in case you wanted to add more and didn't know how ! ----->
  458.  
  459. <div id="filters">
  460. <!-- filter --> <a href="#" rel="main" class="filters">main muses</a><br> <!-- end of filter-->
  461. <!-- filter --> <a href="#" rel="secondary" class="filters">secondary muses</a><br> <!-- end of filter-->
  462. <!-- filter --> <a href="#" rel="exclusive" class="filters">exclusive muses</a><br><!-- end of filter-->
  463. <!-- filter --> <a href="#" rel="female" class="filters">female muses</a><br><!-- end of filter-->
  464. <!-- filter --> <a href="#" rel="nb" class="filters">non binary muses</a><br><!-- end of filter-->
  465. <!-- filter --> <a href="#" rel="media" class="filters">all muses</a><br>
  466. </div>
  467. </div>
  468.  
  469. <div id="cont">
  470.  
  471.  
  472. <!--------------------------------- muse ---------------------------------->
  473.  
  474. <!-- these are your muses' filters . you can add as many as you'd like /after the media tag/ . don't delete that one . each label is separated by spaces , so everytime you wanna add more , press your space bar , add your tag and you're good 2 go ! -->
  475. <div class="media main female">
  476.  
  477. <div style="margin-bottom:20px;">
  478.  
  479. <div id="header">
  480.  
  481. <!-- muse title for label , name, quote , whatever ?? --><div class="mtitle"> <b>peach</b>: label. </div>
  482.  
  483. <div id="icons">
  484. <!-- these are your icons so you'll only need to add links for each pic and all . don't worry they both resize themselves --><img src="https://s32.postimg.org/7a0rt6oed/00.png"/> <img src="https://s32.postimg.org/adgko2syd/16.png"/>
  485. </div>
  486.  
  487.  
  488. <div id="desc">
  489.  
  490. <strong>name:</strong> becca <strong>age ??:</strong> sixteen <strong>real age:</strong>&nbsp;4 yrs old <em><strong>!</strong></em>&nbsp;<strong>pronouns:</strong> she/her <strong>hogwarts house:</strong> gryffindor <strong>mbti type:</strong> enfp <strong>zodiac sign:</strong> capricorn sun and moon, gem rising &amp; sag lilith<strong> alignment:</strong> chaotic neutral &nbsp;<strong>likes:</strong> calum hood
  491.  
  492. </div></div>
  493.  
  494.  
  495. <div id="ddbox">
  496.  
  497. <div class="dropdown"style="margin-top:15px;background:#e5e5e5"> <!-- see that #e5e5e5 ??? it's your key's background . yep -->
  498.  
  499. <a href="#" class="yeahso"> <!-- this is the font icon in case you wanna change it --><i class="fa fa-key" aria-hidden="true"></i></a>
  500.  
  501.  
  502. <div class="dd" style="background:#fff"> <!-- ok now see that #fff ??? it's your dropdown's bg . i think we've already typed that but do it Again because you know , trust issues -->
  503.  
  504. <div class="bubble">
  505.  
  506. <div class="bubblelinks">
  507.  
  508. <!-- okay this is pretty self explanatory but basically all you have to do is replace the LINK part with your own -->
  509.  
  510. <a href="LINK"><i class="fa fa-user" aria-hidden="true"></i></a><br>
  511. <a href="LINK"><i class="fa fa-quote-left" aria-hidden="true"></i></a><br>
  512. <a href="LINK"><i class="fa fa-heart" aria-hidden="true"></i></a><br>
  513. <a href="LINK"><i class="fa fa-cog" aria-hidden="true"></i></a>
  514.  
  515. </div>
  516.  
  517. <div class="bubbletext">
  518.  
  519. <b>+ BIO:</b> so leave me in the cold wait until the snow covers me up so i cannot move so i'm just embedded in the frost then leave me in the rain wait until my clothes cling to my frame wipe away your tear stains thought you said you didn't feel pain well this is torturous electricity between both of us and this is dangerous, 'cause i want you so much but i hate your guts. i want you so much but i hate your guts. well this is torturous electricity between both of us and this is dangerous 'cause i want you so much but i hate your guts i want you so much but i hate your guts
  520.  
  521. </div>
  522.  
  523.  
  524.  
  525. </div>
  526. <div class="bubblebar"> <!-- here's yet another unnecessary title --> thunderbitch</div>
  527.  
  528. <!-- here's the other icon . again , it resizes itself--> <img src="https://s32.postimg.org/7a0rt6oed/00.png"/>
  529.  
  530. <div style="margin-right:130px;margin-top:-30px">
  531.  
  532. <div id="ok" class="me">
  533. some kinda text here ? leave it one line long tho !
  534. </div>
  535.  
  536. </div>
  537.  
  538. </div>
  539.  
  540.  
  541.  
  542. </div>
  543. </div>
  544. </div>
  545.  
  546. </div>
  547.  
  548. <!------------------------------ end of muse ------------------------------>
  549.  
  550.  
  551.  
  552. <!--------------------------------- muse ---------------------------------->
  553.  
  554.  
  555. <!-- this is your filter-->
  556. <div class="media secondary female">
  557.  
  558. <div style="margin-bottom:20px;">
  559.  
  560. <div id="header">
  561.  
  562. <div class="mtitle"><b>sunrise</b>: label.</div>
  563.  
  564. <div id="icons">
  565. <img src="https://66.media.tumblr.com/66d236259f8ce04156dbd58359e815bf/tumblr_inline_oaiw00oW9C1r20d69_540.png"/> <img src="https://s32.postimg.org/sg79flfhh/3.png"/>
  566. </div>
  567.  
  568.  
  569. <div id="desc">
  570. <strong>name:</strong> becca <strong>age ??:</strong> sixteen <strong>real age:</strong>&nbsp;4 yrs old <em><strong>!</strong></em>&nbsp;<strong>pronouns:</strong> she/her <strong>hogwarts house:</strong> gryffindor <strong>mbti type:</strong> enfp <strong>zodiac sign:</strong> capricorn sun and moon, gem rising &amp; sag lilith<strong> alignment:</strong> chaotic neutral &nbsp;<strong>likes:</strong> calum hood
  571.  
  572. </div></div>
  573.  
  574.  
  575.  
  576.  
  577. <div id="ddbox">
  578.  
  579. <div class="dropdown"style="margin-top:15px;background:#e5e5e5">
  580.  
  581. <a href="#" class="yeahso"><i class="fa fa-key" aria-hidden="true"></i></a>
  582.  
  583.  
  584. <div class="dd" style="background:#fff">
  585.  
  586. <div class="bubble">
  587.  
  588. <div class="bubblelinks">
  589.  
  590. <a href="LINK"><i class="fa fa-user" aria-hidden="true"></i></a><br>
  591. <a href="LINK"><i class="fa fa-quote-left" aria-hidden="true"></i></a><br>
  592. <a href="LINK"><i class="fa fa-heart" aria-hidden="true"></i></a><br>
  593. <a href="LINK"><i class="fa fa-cog" aria-hidden="true"></i></a>
  594.  
  595. </div>
  596.  
  597. <div class="bubbletext">
  598.  
  599. <b>+ BIO:</b> so leave me in the cold wait until the snow covers me up so i cannot move so i'm just embedded in the frost then leave me in the rain wait until my clothes cling to my frame wipe away your tear stains thought you said you didn't feel pain well this is torturous electricity between both of us and this is dangerous, 'cause i want you so much but i hate your guts. i want you so much but i hate your guts. well this is torturous electricity between both of us and this is dangerous 'cause i want you so much but i hate your guts i want you so much but i hate your guts
  600.  
  601. </div>
  602.  
  603.  
  604.  
  605. </div>
  606. <div class="bubblebar">thunderbitch </div>
  607.  
  608. <img src="https://66.media.tumblr.com/66d236259f8ce04156dbd58359e815bf/tumblr_inline_oaiw00oW9C1r20d69_540.png"/>
  609.  
  610. <div style="margin-right:130px;margin-top:-30px">
  611.  
  612. <div id="ok" class="me">
  613. some kinda text here ? leave it one line long tho !
  614. </div>
  615.  
  616. </div>
  617.  
  618. </div>
  619.  
  620.  
  621.  
  622. </div>
  623. </div>
  624. </div>
  625.  
  626. </div>
  627.  
  628. <!------------------------------ end of muse ------------------------------>
  629.  
  630.  
  631.  
  632. <!--------------------------------- muse ---------------------------------->
  633.  
  634.  
  635. <!-- this is your filter-->
  636. <div class="media secondary nb">
  637.  
  638. <div style="margin-bottom:20px;">
  639.  
  640. <div id="header">
  641.  
  642. <div class="mtitle"><b>coral</b>: label.</div>
  643.  
  644. <div id="icons">
  645. <img src="https://s32.postimg.org/eyj75ndt1/31.png"/> <img src="https://s20.postimg.org/p5bej193x/233.png"/>
  646. </div>
  647.  
  648.  
  649. <div id="desc">
  650. <strong>name:</strong> becca <strong>age ??:</strong> sixteen <strong>real age:</strong>&nbsp;4 yrs old <em><strong>!</strong></em>&nbsp;<strong>pronouns:</strong> she/her <strong>hogwarts house:</strong> gryffindor <strong>mbti type:</strong> enfp <strong>zodiac sign:</strong> capricorn sun and moon, gem rising &amp; sag lilith<strong> alignment:</strong> chaotic neutral &nbsp;<strong>likes:</strong> calum hood
  651.  
  652. </div></div>
  653.  
  654.  
  655.  
  656.  
  657. <div id="ddbox">
  658.  
  659. <div class="dropdown"style="margin-top:15px;background:#e5e5e5">
  660.  
  661. <a href="#" class="yeahso"><i class="fa fa-key" aria-hidden="true"></i></a>
  662.  
  663.  
  664. <div class="dd" style="background:#fff">
  665.  
  666. <div class="bubble">
  667.  
  668. <div class="bubblelinks">
  669.  
  670. <a href="LINK"><i class="fa fa-user" aria-hidden="true"></i></a><br>
  671. <a href="LINK"><i class="fa fa-quote-left" aria-hidden="true"></i></a><br>
  672. <a href="LINK"><i class="fa fa-heart" aria-hidden="true"></i></a><br>
  673. <a href="LINK"><i class="fa fa-cog" aria-hidden="true"></i></a>
  674.  
  675. </div>
  676.  
  677. <div class="bubbletext">
  678.  
  679. <b>+ BIO:</b> so leave me in the cold wait until the snow covers me up so i cannot move so i'm just embedded in the frost then leave me in the rain wait until my clothes cling to my frame wipe away your tear stains thought you said you didn't feel pain well this is torturous electricity between both of us and this is dangerous, 'cause i want you so much but i hate your guts. i want you so much but i hate your guts. well this is torturous electricity between both of us and this is dangerous 'cause i want you so much but i hate your guts i want you so much but i hate your guts
  680.  
  681. </div>
  682.  
  683.  
  684.  
  685. </div>
  686. <div class="bubblebar">thunderbitch </div>
  687.  
  688. <img src="https://s32.postimg.org/eyj75ndt1/31.png"/>
  689.  
  690. <div style="margin-right:130px;margin-top:-30px">
  691.  
  692. <div id="ok" class="me">
  693. some kinda text here ? leave it one line long tho !
  694. </div>
  695.  
  696. </div>
  697.  
  698. </div>
  699.  
  700.  
  701.  
  702. </div>
  703. </div>
  704. </div>
  705.  
  706. </div>
  707.  
  708. <!------------------------------ end of muse ------------------------------>
  709.  
  710.  
  711.  
  712. <!--------------------------------- muse ---------------------------------->
  713.  
  714.  
  715. <!-- this is your filter-->
  716. <div class="media exclusive female">
  717.  
  718. <div style="margin-bottom:20px;">
  719.  
  720. <div id="header">
  721.  
  722. <div class="mtitle"><b>salmon</b>: label.</div>
  723.  
  724. <div id="icons">
  725. <img src="http://i.imgur.com/CRlOcal.png"/> <img src="http://i.imgur.com/SyKlyws.png"/>
  726. </div>
  727.  
  728.  
  729. <div id="desc">
  730. <strong>name:</strong> becca <strong>age ??:</strong> sixteen <strong>real age:</strong>&nbsp;4 yrs old <em><strong>!</strong></em>&nbsp;<strong>pronouns:</strong> she/her <strong>hogwarts house:</strong> gryffindor <strong>mbti type:</strong> enfp <strong>zodiac sign:</strong> capricorn sun and moon, gem rising &amp; sag lilith<strong> alignment:</strong> chaotic neutral &nbsp;<strong>likes:</strong> calum hood
  731.  
  732. </div></div>
  733.  
  734.  
  735.  
  736.  
  737. <div id="ddbox">
  738.  
  739. <div class="dropdown"style="margin-top:15px;background:#e5e5e5">
  740.  
  741. <a href="#" class="yeahso"><i class="fa fa-key" aria-hidden="true"></i></a>
  742.  
  743.  
  744. <div class="dd" style="background:#fff">
  745.  
  746. <div class="bubble">
  747.  
  748. <div class="bubblelinks">
  749.  
  750. <a href="LINK"><i class="fa fa-user" aria-hidden="true"></i></a><br>
  751. <a href="LINK"><i class="fa fa-quote-left" aria-hidden="true"></i></a><br>
  752. <a href="LINK"><i class="fa fa-heart" aria-hidden="true"></i></a><br>
  753. <a href="LINK"><i class="fa fa-cog" aria-hidden="true"></i></a>
  754.  
  755. </div>
  756.  
  757. <div class="bubbletext">
  758.  
  759. <b>+ BIO:</b> so leave me in the cold wait until the snow covers me up so i cannot move so i'm just embedded in the frost then leave me in the rain wait until my clothes cling to my frame wipe away your tear stains thought you said you didn't feel pain well this is torturous electricity between both of us and this is dangerous, 'cause i want you so much but i hate your guts. i want you so much but i hate your guts. well this is torturous electricity between both of us and this is dangerous 'cause i want you so much but i hate your guts i want you so much but i hate your guts
  760.  
  761. </div>
  762.  
  763.  
  764.  
  765. </div>
  766. <div class="bubblebar">thunderbitch </div>
  767.  
  768. <img src="http://i.imgur.com/CRlOcal.png"/>
  769.  
  770. <div style="margin-right:130px;margin-top:-30px">
  771.  
  772. <div id="ok" class="me">
  773. some kinda text here ? leave it one line long tho !
  774. </div>
  775.  
  776. </div>
  777.  
  778. </div>
  779.  
  780.  
  781.  
  782. </div>
  783. </div>
  784. </div>
  785.  
  786. </div>
  787.  
  788. <!------------------------------ end of muse ------------------------------>
  789.  
  790.  
  791.  
  792.  
  793.  
  794.  
  795. </div>
  796.  
  797.  
  798. <!------you're not allowed to edit this part soz------>
  799. <div id="yo">
  800. <a href="http://destinatiia.tumblr.com/"target="_blank"> <i class="fa fa-moon-o fa-4x"></i> </a>
  801. </div>
  802.  
  803. </body>
  804. </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!