API tools faq
paste
Advertisement
destinatia

「 ✩ * º ╳ PLUM by becca. 」

destinatia
Feb 11th, 2018
3,729
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.71 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5.  
  6. <!-- ✧ * ☾ desveladas ™ * ✧
  7. aka bec -->
  8.  
  9.  
  10. <!-- your page title goes here ! -->
  11.  
  12. <title>plum.</title>
  13.  
  14. <!-- feel free to change the shortcut icon -->
  15.  
  16. <link rel="shortcut icon" href="http://65.media.tumblr.com/tumblr_lkl75bsU9n1qfamg6.png">
  17.  
  18. <!-- scripts ! -->
  19.  
  20. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
  21.  
  22. <link href="https://fonts.googleapis.com/css?family=Montserrat:200,700,900" rel="stylesheet">
  23.  
  24. <script>
  25. $(document).ready(function(){
  26. $(".filters").click(function(e) {
  27. e.preventDefault();
  28. $(".media").not("." + $(this).attr("rel")).hide(500);
  29. $("." + $(this).attr("rel")).show(500);
  30. });
  31. });
  32. </script>
  33.  
  34. <!-- TOOLTIP SCRIPT (REMOVE ONYL IF YOU WANT STANDARD BROWSER TOOLTIPS) -->
  35.  
  36. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  37. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  38. <script>
  39. (function($){
  40. $(document).ready(function(){
  41. $("a[title]").style_my_tooltips({
  42. tip_follows_cursor:true,
  43. tip_delay_time:90,
  44. tip_fade_speed:600,
  45. attribute:"title"
  46. });
  47. });
  48. })(jQuery);
  49. </script>
  50.  
  51. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  52.  
  53. <link href="https://file.myfontastic.com/DcfqceUudTWXik9Ue2LfGV/icons.css" rel="stylesheet">
  54.  
  55. <script src="https://file.myfontastic.com/DcfqceUudTWXik9Ue2LfGV/icons.js"></script>
  56.  
  57. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  58.  
  59.  
  60. <script type="text/javascript">
  61. <!--
  62. function toggle_visibility(id) {
  63. var e = document.getElementById(id);
  64. if(e.style.display == 'block')
  65. e.style.display = 'none';
  66. else
  67. e.style.display = 'block';
  68. }
  69. //-->
  70. </script>
  71.  
  72. <script type="text/javascript"
  73. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  74.  
  75. <!-- this is where the magic begins. if you're in a hurry, make sure to press ctrl/cmmd + f two times straight, search for #789c9d and #c1755e (separately) and replace it with the accent colors you want ! -->
  76.  
  77. <style>
  78.  
  79.  
  80. @font-face { font-family: "beauty"; src: url('https://dl.dropboxusercontent.com/s/r63d95pmyc3txmz/TamoroScript_PersonalUseOnly.ttf?dl=0'); format("truetype");}
  81.  
  82. /* -------- SCROLLBAR ------- */
  83.  
  84. #s-m-t-tooltip {
  85. max-width:300px;
  86. padding:7px;
  87. border-radius:20px;
  88. margin:10px 0px 0px 10px;
  89. background-color:#fff;
  90. font-family:'montserrat',sans serif;
  91. font-size:10px;
  92. color:#c7b8e6;
  93. z-index:999999999999999999999999999999999999;
  94. }
  95.  
  96. ::-webkit-scrollbar {
  97. width:0px;
  98. visibility:hidden;
  99. }
  100.  
  101. /* Track */
  102. ::-webkit-scrollbar-track {
  103. background:{color:background};
  104. visibility:hidden;
  105. }
  106.  
  107. /* Handle */
  108. ::-webkit-scrollbar-thumb {
  109. background:{color:text};
  110. visibility:hidden;
  111. }
  112. ::-webkit-scrollbar-thumb:window-inactive {
  113. background: transparent;
  114. visibility:hidden;
  115. }
  116.  
  117. body{
  118. color: #9f9e9e; /* ---- text color !! ---- */
  119. overflow-y:hidden;
  120. overflow-x:auto;
  121. font-family: 'montserrat',sans-serif;
  122. background-color:#e5e5e5; /* ---- p self explanatory ---- */
  123. background-image:url('BACKGROUND URL'); /* ---- a bg image is an option so here it is lols ---- */
  124. font-size: 9px;
  125. margin-left:150px;
  126. letter-spacing:0.5px;
  127. word-wrap: break-word;
  128. line-height:160%;
  129. }
  130.  
  131. sup, sub, small {
  132. font-size:8px;
  133. }
  134.  
  135. h1 {
  136. font-family:'montserrat', sans serif;
  137. font-size:14px;
  138. color:#789c9d;
  139. }
  140.  
  141.  
  142. a {
  143. color: #789c9d;
  144. text-decoration: none;
  145. -webkit-transition: all .3s;
  146. -moz-transition: all .3s;
  147. -o-transition: all .3s;
  148. -ms-transition: all .3s;
  149. transition: all .3s;
  150. }
  151.  
  152.  
  153. b, strong, i, em, s, strike, u, underline{
  154. color: #789c9d;
  155. font-family:'montserrat', sans serif;
  156. }
  157.  
  158. /* --------------- ✕ general editing ! ✕ -------------- */
  159.  
  160. #header {
  161. background-color:#fff; /* ---- this is the muse bg so Choose Carefully ---- */
  162. width:260px;
  163. padding-top:5px;
  164. padding-bottom:25px;
  165. height:110px;
  166. border-radius:7px;
  167. }
  168.  
  169.  
  170.  
  171. #cont {
  172. position: fixed;
  173. top:50%;
  174. left:50%;
  175. transform:translate(-50%,-50%);
  176. margin-top: 50px;
  177. margin-left: 0px;
  178. overflow:auto;
  179. width:550px;
  180. padding-top:20px;
  181. display:inline;
  182. padding-bottom:10px;
  183. padding-left:20px;
  184. height:470px;
  185. background-image:url('BACKGROUND URL'); /* ---- p self explanatory ---- */
  186. background-color:#f3f3f3; /* ---- this is the container background ! ---- */
  187. }
  188.  
  189. /* --------------- ✕ muse container ✕ -------------- */
  190.  
  191. #muses{
  192. display:inline-block;
  193. border:1px solid #f3f3f3;/* ---- this is a little something that holds everything together. make sure that it's the same color as the container background ---- */
  194. }
  195.  
  196. /* --------------- ✕ these are the filters, be careful ! ✕ -------------- */
  197.  
  198. #filters{
  199. width: 70px;
  200. padding: 20px;
  201. text-transform:uppercase;
  202. position:fixed;
  203. top:50%;
  204. left:50%;
  205. z-index:-9;
  206. transform:translate(-50%,-50%);
  207. margin-left: 240px;
  208. height:460px;
  209. margin-top:50px;
  210. }
  211.  
  212. #filters a{
  213. font-size: 8px;
  214. text-decoration: none;
  215. top:50%;
  216. text-align: center;
  217. width:80px;
  218. background: #c1755e; /* ---- this is the bg color of each filter ---- */
  219. padding-top:5px;
  220. padding-left:5px;
  221. border-radius:10px;
  222. padding-bottom:5px;
  223. padding-right:15px;
  224. margin-bottom:10px;
  225. display: inline-block;
  226. color:white;
  227. vertical-align: middle;
  228. -webkit-transition: all 1s;
  229. -moz-transition: all 1s;
  230. -o-transition: all 1s;
  231. -ms-transition: all 1s;
  232. transition: all 1s;
  233. }
  234.  
  235. #filters a:hover{
  236. margin-left:70px;
  237. -webkit-transition: all 1s;
  238. -moz-transition: all 1s;
  239. -o-transition: all 1s;
  240. -ms-transition: all 1s;
  241. transition: all 1s;
  242. }
  243.  
  244. .media {
  245. font-size:auto;
  246. }
  247.  
  248. /* ----------------------- ✕ - ✕ ----------------------- */
  249.  
  250.  
  251. #icons {
  252. width:auto;
  253. z-index:9;
  254. height:200px;
  255. font-family:'montserrat', sans serif;
  256. font-size:24px;
  257. letter-spacing:240px;
  258. line-height:40px;
  259. margin-top:-145px;
  260. padding:10px;
  261. margin-left:17px;
  262. }
  263.  
  264. #icons img{
  265. width:60px;
  266. height:60px;
  267. border-radius:10px 10px 10px 0px;
  268. }
  269.  
  270. #desc {
  271. width:130px;
  272. z-index:9999999;
  273. height:80px;
  274. font-size:8px;
  275. overflow:auto;
  276. text-transform:uppercase;
  277. text-align:justify;
  278. margin-left:100px;
  279. margin-top:-210px;
  280. }
  281.  
  282. /* ----------------------- ✕ links ! ✕ ----------------------- */
  283.  
  284. #mother {
  285. margin-left:25px;
  286. margin-top:65px;
  287. width:60px;
  288. line-height:45px;
  289. text-align:center;
  290. letter-spacing:10%;
  291. height:80px;
  292. }
  293.  
  294. .child{
  295. background-color:#789c9d;
  296. padding:/*-top-*/7px /*-right-*/8px /*-bottom-*/5px /*-left-*/8px;
  297. border-radius:5px;
  298. font-size:11px;
  299. text-align:center;
  300. backface-visibility: hidden;
  301. color:#fff;
  302. }
  303.  
  304. /* ----------------------- ✕ header ? ✕ ----------------------- */
  305.  
  306. #boy{
  307. position:fixed;
  308. top:50%;
  309. left:50%;
  310. margin-top:-250px;
  311. width:550px;
  312. height:100px;
  313. overflow:hidden;
  314. display:table;
  315. vertical-align:middle;
  316. transform:translate(-50%,-50%);
  317. }
  318.  
  319. #lemon {
  320. font-family: 'beauty';
  321. font-size:36px;
  322. width:;
  323. letter-spacing:0px;
  324. color: #789c9d; /* ---- title color ! ---- */
  325. margin-bottom:0px;
  326. background:none;
  327. text-align:center;
  328. margin-top:0px;
  329. z-index:99999999;
  330.  
  331. }
  332.  
  333. .more{
  334. overflow:auto;
  335. text-transform:lowercase;
  336. z-index:9999999;
  337. line-height:15px;
  338. text-align:center;
  339. margin-left:0px;
  340. margin-top:0px;
  341. font-size:8px;
  342. font-family: 'Karla', sans-serif;
  343. padding:5px;
  344. background-color:transparent;
  345. }
  346.  
  347. /* ----------------------- ✕ don't do the do ✕ ----------------------- */
  348.  
  349. #yo {
  350. color: #fff; /* ---- if you can't see what's inside, please change the color to one with a higher contrast. ---- */
  351. font-size:15px;
  352. float:right;
  353. right:0;
  354. bottom:0;
  355. margin-right:10px;
  356. padding:/*-top-*/4px /*-right-*/5px /*-bottom-*/2px /*-left-*/5px;
  357. overflow:hidden;
  358. margin-bottom:10px;
  359. border-radius:/*-top-*/10px /*-right-*/10px /*-bottom-*/0px /*-left-*/10px;
  360. text-transform:uppercase;
  361. position:fixed;
  362. background-color:#789c9d;
  363. text-align:center;
  364. -ms-transform: rotate(0deg); /* IE 9 */
  365. -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  366. transform: rotate(0deg);
  367. -webkit-transition: all .7s;
  368. -moz-transition: all .7s;
  369. -o-transition: all .7s;
  370. -ms-transition: all .7s;
  371. transition: all .7s;
  372.  
  373. }
  374.  
  375. #yo:hover{
  376. -ms-transform: rotate(-10deg); /* IE 9 */
  377. -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
  378. transform: rotate(-10deg);
  379. -webkit-transition: all .7s;
  380. -moz-transition: all .7s;
  381. -o-transition: all .7s;
  382. -ms-transition: all .7s;
  383. transition: all .7s;
  384. }
  385.  
  386. #yo a{
  387. color:#fff; /* ---- if you can't see what's inside, please change the color to one with a higher contrast. ---- */
  388. }
  389.  
  390.  
  391. </style>
  392. </head>
  393.  
  394. <!----- this is past me explaining things. i apologize in advance. ----->
  395.  
  396.  
  397. <!-- 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.
  398.  
  399. 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 (???????)?-->
  400.  
  401.  
  402. <body>
  403.  
  404.  
  405. <div id="boy">
  406.  
  407. <div style="vertical-align:middle;display:table-cell;">
  408. <div id="lemon">
  409. <!----- title ----->
  410. plum,<br>plum.
  411. </div>
  412. <div class="more">
  413. <!----- description ----->
  414. My mother loved the summer But not for the weather. She loved the mid-season plums: June, July, August sweet ones.
  415. </div>
  416. </div>
  417.  
  418. </div>
  419.  
  420.  
  421. <!----- these are the filters . i put some unnecessary labels for each in case you wanted to add more and didn't know how ! ----->
  422.  
  423. <div id="filters">
  424. <!-- filter --> <a href="#" rel="homme" class="filters">homme</a><br> <!-- end of filter-->
  425. <!-- filter --> <a href="#" rel="femme" class="filters">femme</a><br> <!-- end of filter-->
  426. <!-- filter --> <a href="#" rel="nb" class="filters">non binary</a><br> <!-- end of filter-->
  427. <!-- filter --> <a href="#" rel="media" class="filters">all muses</a><br> <!-- end of filter-->
  428.  
  429. <!----- these last two are not filters, they're for your blog's links and all that kinda stuff. you can add as much as you'd like.----->
  430.  
  431. <a href="LINK">go back</a><br>
  432. <a href="LINK">inbox</a><br>
  433. </div>
  434. </div>
  435.  
  436. <div id="cont">
  437.  
  438.  
  439. <!--------------------------------- muse ---------------------------------->
  440.  
  441. <div id="muses">
  442.  
  443. <!-- 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 ! -->
  444.  
  445. <div class="media homme">
  446.  
  447. <div id="header">
  448.  
  449. <div id="mother">
  450.  
  451. <!-- see those spans? they are icon links. if you wanna change 'em, no biggie, just go to your preferred icon source and replace the two ! -->
  452.  
  453. <a class="child" href="LINK"><span class="lnr lnr-user"></span></a>&nbsp;<a class="child" href="LINK"><span class="lnr lnr-plus-circle"></span></a>
  454.  
  455. </div>
  456.  
  457. <div id="icons">
  458. <!-- these are your icons so you'll only need to add links for each pic and all . don't worry, it's resizable --><img src="https://78.media.tumblr.com/19f1ed63c217e61184fe83ec13bb6887/tumblr_inline_p16vd8hkSy1u55p8s_540.png"/>
  459. </div>
  460.  
  461.  
  462.  
  463.  
  464. <div id="desc">
  465.  
  466. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat.
  467.  
  468. </div>
  469.  
  470. <div style="text-align:center;margin-top:15px; ">
  471. <span style="border-radius:7px; width:120px; text-align:center; background:#c1755e; color:white; padding:/*-top-*/2px /*-right-*/6px /*-bottom-*/3px /*-left-*/5px; font-size:8px">a quote? faceclaims? label?</span>
  472. </div>
  473.  
  474. </div>
  475.  
  476.  
  477. </div></div>
  478.  
  479. <!------------------------------ end of muse ------------------------------>
  480.  
  481.  
  482. <!--------------------------------- muse ---------------------------------->
  483.  
  484. <div id="muses">
  485.  
  486. <!-- 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 ! -->
  487.  
  488. <div class="media femme">
  489.  
  490. <div id="header">
  491.  
  492. <div id="mother">
  493.  
  494. <!-- see those spans? they are icon links. if you wanna change 'em, no biggie, just go to your preferred icon source and replace the two ! -->
  495.  
  496. <a class="child" href="LINK"><span class="lnr lnr-user"></span></a>&nbsp;<a class="child" href="LINK"><span class="lnr lnr-plus-circle"></span></a>
  497.  
  498. </div>
  499.  
  500. <div id="icons">
  501. <!-- 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://78.media.tumblr.com/173375df15a8425e6f6d3a7ed460181e/tumblr_inline_p16vdbEExN1u55p8s_540.png"/>
  502. </div>
  503.  
  504.  
  505.  
  506.  
  507. <div id="desc">
  508.  
  509. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat.
  510.  
  511. </div>
  512.  
  513. <div style="text-align:center;margin-top:15px; ">
  514. <span style="border-radius:7px; width:120px; text-align:center; background:#c1755e; color:white; padding:/*-top-*/2px /*-right-*/6px /*-bottom-*/3px /*-left-*/5px; font-size:8px">don't exceed one line!</span>
  515. </div>
  516.  
  517. </div>
  518.  
  519.  
  520. </div></div>
  521.  
  522. <!------------------------------ end of muse ------------------------------>
  523.  
  524.  
  525. <!--------------------------------- muse ---------------------------------->
  526.  
  527. <div id="muses">
  528.  
  529. <!-- 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 ! -->
  530.  
  531. <div class="media homme">
  532.  
  533. <div id="header">
  534.  
  535. <div id="mother">
  536.  
  537. <!-- see those spans? they are icon links. if you wanna change 'em, no biggie, just go to your preferred icon source and replace the two ! -->
  538.  
  539. <a class="child" href="LINK"><span class="lnr lnr-user"></span></a>&nbsp;<a class="child" href="LINK"><span class="lnr lnr-plus-circle"></span></a>
  540.  
  541. </div>
  542.  
  543. <div id="icons">
  544. <!-- these are your icons so you'll only need to add links for each pic and all . don't worry, it's resizable --><img src="https://78.media.tumblr.com/19f1ed63c217e61184fe83ec13bb6887/tumblr_inline_p16vd8hkSy1u55p8s_540.png"/>
  545. </div>
  546.  
  547.  
  548.  
  549.  
  550. <div id="desc">
  551.  
  552. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat.
  553.  
  554. </div>
  555.  
  556. <div style="text-align:center;margin-top:15px; ">
  557. <span style="border-radius:7px; width:120px; text-align:center; background:#c1755e; color:white; padding:/*-top-*/2px /*-right-*/6px /*-bottom-*/3px /*-left-*/5px; font-size:8px">a quote? faceclaims? label?</span>
  558. </div>
  559.  
  560. </div>
  561.  
  562.  
  563. </div></div>
  564.  
  565. <!------------------------------ end of muse ------------------------------>
  566.  
  567.  
  568. <!--------------------------------- muse ---------------------------------->
  569.  
  570. <div id="muses">
  571.  
  572. <!-- 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 ! -->
  573.  
  574. <div class="media femme">
  575.  
  576. <div id="header">
  577.  
  578. <div id="mother">
  579.  
  580. <!-- see those spans? they are icon links. if you wanna change 'em, no biggie, just go to your preferred icon source and replace the two ! -->
  581.  
  582. <a class="child" href="LINK"><span class="lnr lnr-user"></span></a>&nbsp;<a class="child" href="LINK"><span class="lnr lnr-plus-circle"></span></a>
  583.  
  584. </div>
  585.  
  586. <div id="icons">
  587. <!-- 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://78.media.tumblr.com/173375df15a8425e6f6d3a7ed460181e/tumblr_inline_p16vdbEExN1u55p8s_540.png"/>
  588. </div>
  589.  
  590.  
  591.  
  592.  
  593. <div id="desc">
  594.  
  595. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat.
  596.  
  597. </div>
  598.  
  599. <div style="text-align:center;margin-top:15px; ">
  600. <span style="border-radius:7px; width:120px; text-align:center; background:#c1755e; color:white; padding:/*-top-*/2px /*-right-*/6px /*-bottom-*/3px /*-left-*/5px; font-size:8px">don't exceed one line!</span>
  601. </div>
  602.  
  603. </div>
  604.  
  605.  
  606. </div></div>
  607.  
  608. <!------------------------------ end of muse ------------------------------>
  609.  
  610.  
  611. <!--------------------------------- muse ---------------------------------->
  612.  
  613. <div id="muses">
  614.  
  615. <!-- 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 ! -->
  616.  
  617. <div class="media nb">
  618.  
  619. <div id="header">
  620.  
  621. <div id="mother">
  622.  
  623. <!-- see those spans? they are icon links. if you wanna change 'em, no biggie, just go to your preferred icon source and replace the two ! -->
  624.  
  625. <a class="child" href="LINK"><span class="lnr lnr-user"></span></a>&nbsp;<a class="child" href="LINK"><span class="lnr lnr-plus-circle"></span></a>
  626.  
  627. </div>
  628.  
  629. <div id="icons">
  630. <!-- these are your icons so you'll only need to add links for each pic and all . don't worry, it's resizable --><img src="https://78.media.tumblr.com/19f1ed63c217e61184fe83ec13bb6887/tumblr_inline_p16vd8hkSy1u55p8s_540.png"/>
  631. </div>
  632.  
  633.  
  634.  
  635.  
  636. <div id="desc">
  637.  
  638. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat.
  639.  
  640. </div>
  641.  
  642. <div style="text-align:center;margin-top:15px; ">
  643. <span style="border-radius:7px; width:120px; text-align:center; background:#c1755e; color:white; padding:/*-top-*/2px /*-right-*/6px /*-bottom-*/3px /*-left-*/5px; font-size:8px">a quote? faceclaims? label?</span>
  644. </div>
  645.  
  646. </div>
  647.  
  648.  
  649. </div></div>
  650.  
  651. <!------------------------------ end of muse ------------------------------>
  652.  
  653.  
  654. <!--------------------------------- muse ---------------------------------->
  655.  
  656. <div id="muses">
  657.  
  658. <!-- 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 ! -->
  659.  
  660. <div class="media nb">
  661.  
  662. <div id="header">
  663.  
  664. <div id="mother">
  665.  
  666. <!-- see those spans? they are icon links. if you wanna change 'em, no biggie, just go to your preferred icon source and replace the two ! -->
  667.  
  668. <a class="child" href="LINK"><span class="lnr lnr-user"></span></a>&nbsp;<a class="child" href="LINK"><span class="lnr lnr-plus-circle"></span></a>
  669.  
  670. </div>
  671.  
  672. <div id="icons">
  673. <!-- 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://78.media.tumblr.com/173375df15a8425e6f6d3a7ed460181e/tumblr_inline_p16vdbEExN1u55p8s_540.png"/>
  674. </div>
  675.  
  676.  
  677.  
  678.  
  679. <div id="desc">
  680.  
  681. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat. <strong>stats:</strong> stat.
  682.  
  683. </div>
  684.  
  685. <div style="text-align:center;margin-top:15px; ">
  686. <span style="border-radius:7px; width:120px; text-align:center; background:#c1755e; color:white; padding:/*-top-*/2px /*-right-*/6px /*-bottom-*/3px /*-left-*/5px; font-size:8px">don't exceed one line!</span>
  687. </div>
  688.  
  689. </div>
  690.  
  691.  
  692. </div></div>
  693.  
  694. <!------------------------------ end of muse ------------------------------>
  695.  
  696.  
  697.  
  698.  
  699.  
  700. </div>
  701.  
  702.  
  703. <!------you're not allowed to edit this part soz------>
  704. <span id="yo">
  705.  
  706. <a href="http://desveladas.tumblr.com/"target="_blank"><span class="icon-crown-1"></span></a>
  707. </span>
  708.  
  709. </body>
  710. </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!