API tools faq
paste
Advertisement
Guest User

here ya go babe!

a guest
May 27th, 2016
114
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.14 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--Change the colours of the about popup-->
  6. <meta name="color:popuptitle" content="#a2c3c3">
  7. <meta name="color:popupborders" content="#a2c3c3">
  8. <script type="text/javascript"
  9. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  10. <script>
  11. $(document).ready(function() {
  12. //
  13. $('a.poplight[href^=#]').click(function() {
  14. var popID = $(this).attr('rel'); //Get Popup Name
  15. var popURL = $(this).attr('href'); //Get Popup href to define size
  16. var query= popURL.split('?');
  17. var dim= query[1].split('&');
  18. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  19. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  20. var popMargTop = ($('#' + popID).height() + 80) / 2;
  21. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  22. //Apply Margin to Popup
  23. $('#' + popID).css({
  24. 'margin-top' : -popMargTop,
  25. 'margin-left' : -popMargLeft
  26. });
  27. $('body').append('<div id="fade"></div>');
  28. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  29. return false;
  30. });
  31. $('a.close, #fade').live('click', function() {
  32. $('#fade , .popup_block').fadeOut(function() {
  33. $('#fade, a.close').remove(); //fade them both out
  34. });
  35. return false;
  36. });
  37. });
  38. </script>
  39.  
  40. <!---
  41. ╋╋╋╋╋╋╋╋┏┓╋╋╋╋┏┓╋╋╋╋╋╋╋╋╋┏┓┏┓
  42. ╋╋╋╋╋╋╋╋┃┃╋╋╋┏┛┗┓╋╋╋╋╋╋╋┏┛┗┫┃
  43. ┏━━┳━┳┓┏┫┗━┳━┻┓┏╋┳━━┳━┓╋┗┓┏┫┗━┳━━┳┓┏┳━━┓
  44. ┃┃━┫┏┫┃┃┃┏┓┃┏┓┃┃┣┫┏┓┃┏┓┓╋┃┃┃┏┓┃┃━┫┗┛┃┃━┫
  45. ┃┃━┫┃┃┗┛┃┃┃┃┗┛┃┗┫┃┗┛┃┃┃┃╋┃┗┫┃┃┃┃━┫┃┃┃┃━┫
  46. ┗━━┻┛┗━━┻┛┗┫┏━┻━┻┻━━┻┛┗┛╋┗━┻┛┗┻━━┻┻┻┻━━┛
  47. ╋╋╋╋╋╋╋╋╋╋╋┃┃
  48. ╋╋╋╋╋╋╋╋╋╋╋┗┛
  49. ♡ "CRUSH" THEME BY ERUHPTION ♡
  50.  
  51. be cool & don't remove the credits.
  52.  
  53. Hope you enjoy,
  54.  
  55. -Hannah
  56.  
  57. 4/27/16
  58.  
  59. http://eruhption.tumblr.com/
  60. http://volcanicthemes.tumblr.com/ <---direct your questions here
  61. http://htmlqueens.tumblr.com/
  62. --->
  63.  
  64.  
  65. <!--meta tags-->
  66. <meta name="image:Background" content=""/>
  67.  
  68. <meta name="color:Background" content="#fff"/>
  69. <meta name="color:Accent" content="#bae2d4"/>
  70. <meta name="color:Text" content="#666666"/>
  71. <meta name="color:Border" content="#666666"/>
  72. <meta name="color:Links" content="#666666"/>
  73. <meta name="color:Borders" content="#cccccc"/>
  74.  
  75.  
  76.  
  77. <meta name="select:link icon 1" content="circle-o-notch fa-spin fa-fw" title="Spinning Circle"/>
  78. <meta name="select:link icon 1" content="home" title="House"/>
  79. <meta name="select:link icon 1" content="envelope-o" title="Envelope"/>
  80. <meta name="select:link icon 1" content="heart-o" title="Heart"/>
  81. <meta name="select:link icon 1" content="archive" title="Archive"/>
  82. <meta name="select:link icon 1" content="bookmark-o" title="Bookmark"/>
  83. <meta name="select:link icon 1" content="commenting-o" title="Speech Bubble"/>
  84.  
  85. <meta name="select:link icon 2" content="envelope-o" title="Envelope"/>
  86. <meta name="select:link icon 2" content="circle-o-notch fa-spin fa-fw" title="Spinning Circle"/>
  87. <meta name="select:link icon 2" content="home" title="House"/>
  88. <meta name="select:link icon 2" content="heart-o" title="Heart"/>
  89. <meta name="select:link icon 2" content="archive" title="Archive"/>
  90. <meta name="select:link icon 2" content="bookmark-o" title="Bookmark"/>
  91. <meta name="select:link icon 2" content="commenting-o" title="Speech Bubble"/>
  92.  
  93. <meta name="select:link icon 3" content="commenting-o" title="Speech Bubble"/>
  94. <meta name="select:link icon 3" content="home" title="House"/>
  95. <meta name="select:link icon 3" content="envelope-o" title="Envelope"/>
  96. <meta name="select:link icon 3" content="heart-o" title="Heart"/>
  97. <meta name="select:link icon 3" content="archive" title="Archive"/>
  98. <meta name="select:link icon 3" content="bookmark-o" title="Bookmark"/>
  99.  
  100. <meta name="select:link icon 4" content="bookmark-o" title="Bookmark"/>
  101. <meta name="select:link icon 4" content="archive" title="Archive"/>
  102. <meta name="select:link icon 4" content="home" title="House"/>
  103. <meta name="select:link icon 4" content="envelope-o" title="Envelope"/>
  104. <meta name="select:link icon 4" content="heart-o" title="Heart"/>
  105. <meta name="select:link icon 4" content="archive" title="Archive"/>
  106. <meta name="select:link icon 4" content="commenting-o" title="Speech Bubble"/>
  107.  
  108. <meta name="text:link 1 url" content="/"/>
  109. <meta name="text:link 1 name" content="home"/>
  110. <meta name="text:link 2 url" content="/ask"/>
  111. <meta name="text:link 2 name" content="message"/>
  112. <meta name="text:link 3 url" content="/blogroll"/>
  113. <meta name="text:link 3 name" content="blogroll"/>
  114. <meta name="text:link 4 url" content="/archive"/>
  115. <meta name="text:link 4 name" content="past"/>
  116.  
  117.  
  118.  
  119.  
  120. <meta name="select:Font" content="'Quicksand', sans-serif;" title="Quicksand">
  121. <meta name="select:Font" content="'Raleway', sans-serif;" title="Raleway">
  122. <meta name="select:Font" content="'Open Sans', sans-serif;" title="Open Sans">
  123. <meta name="select:Font" content="'Muli', sans-serif; " title="Muli">
  124. <meta name="select:Font" content="'Comfortaa', cursive;" title="Comfortaa">
  125. <meta name="select:Font" content="calibri;" title="Calibri">
  126. <meta name="select:Font" content="'Roboto', sans-serif;" title="Roboto">
  127. <meta name="select:Font" content="Courier" title="Courier">
  128. <!--end-->
  129.  
  130. <!---font-->
  131. <link href='https://fonts.googleapis.com/css?family=Open+Sans|Roboto|Raleway|Comfortaa|Muli|Quicksand' rel='stylesheet' type='text/css'>
  132. <!--bootstrap-->
  133. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  134. <!-- start of script tooltip -->
  135. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  136.  
  137. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  138.  
  139. <script>
  140. (function($){
  141. $(document).ready(function(){
  142. $("a[title]").style_my_tooltips({
  143. tip_follows_cursor:true,
  144. tip_delay_time:90,
  145. tip_fade_speed:600,
  146. attribute:"title"
  147. });
  148. });
  149. })(jQuery);
  150. </script>
  151. <!-- end of script tooltip -->
  152. <!--masonry-- (dont remove unless you want wierd columns-->
  153. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  154. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  155. <!--end-->
  156.  
  157. <style type="text/css">
  158.  
  159. /*****
  160.  
  161. hover links table by noveia
  162.  
  163. ◤ ◥
  164. don't be an asshole;
  165. keep the credits.
  166. ◣ ◢
  167.  
  168. ******/
  169. #niall{
  170. display:inline-block;
  171. margin:7px;
  172. text-align:center; /* you can change it to left, right, center, or justify */
  173. background:#fff; /*background color of the title boxes */
  174. width:200px; /* width of the boxes */
  175. padding:7px; /* padding */
  176. height:75px; /* height of the boxes */
  177. overflow:hidden;
  178. border:1px solid #a2c3c3; /* border of the boxes */
  179. }
  180. .louis{
  181. color:#666666; /* color of the titles */
  182. font-family:quicksand; /* font of the titles */
  183. font-size:20px; /* font size of the titles */
  184. text-transform:none;
  185. line-height:25px
  186. letter-spacing:1px;
  187. margin-top:25px;
  188. opacity:1;
  189. transition: all 0.5s ease-out;
  190. -o-transition-transition: all 0.7s ease-out;
  191. -webkit-transition: all 0.7s ease-out;
  192. -moz-transition: all 0.7s ease-out;
  193. }
  194. #niall:hover .louis{
  195. margin-top:-25px;
  196. opacity:0;
  197. }
  198. .liam{
  199. margin-top: 31px;
  200. font-size:11px; /*size of text from inside links */
  201. opacity: 0;
  202. font-family:quicksand; /* font of inside links */
  203. transition: all 0.7s ease-out;
  204. -o-transition-transition: all 0.7s ease-out;
  205. -webkit-transition: all 0.7s ease-out;
  206. -moz-transition: all 0.7s ease-out;
  207. }
  208. .liam a{
  209.  
  210. color:#666666; /*link color*/
  211. text-transform: none; /* put either uppercase, lowercase, or none */
  212. transition: all 0.7s ease-out;
  213. -o-transition-transition: all 0.7s ease-out;
  214. -webkit-transition: all 0.7s ease-out;
  215. -moz-transition: all 0.7s ease-out;
  216. }
  217. .liam a:hover{
  218. color:#a2c3c3; /*link hover color*/
  219. transition: all 0.7s ease-out;
  220. -o-transition-transition: all 0.7s ease-out;
  221. -webkit-transition: all 0.7s ease-out;
  222. -moz-transition: all 0.7s ease-out;
  223. }
  224. #niall:hover .liam{
  225. opacity:1;
  226. transition: all 0.7s ease-out;
  227. -o-transition-transition: all 0.7s ease-out;
  228. -webkit-transition: all 0.7s ease-out;
  229. -moz-transition: all 0.7s ease-out;
  230. }
  231. /*hover links by noveia*/
  232.  
  233.  
  234.  
  235. #titles{
  236.  
  237. padding:8px 8px 8px 8px;
  238. padding-bottom:11px;
  239. background:#ffffff;
  240. border:0px solid #000;
  241. color:#666666;
  242. width:118px;
  243. font-family:quicksand;
  244. text-transform:none;
  245. text-align:center;
  246. letter-spacing:2px;
  247. font-size:16px;
  248. line-height:100%;
  249. height:20px;
  250. border-bottom:1px solid #a2c3c3;
  251. }
  252.  
  253.  
  254.  
  255. /*CODES BY PAINTHEMES*/
  256.  
  257. #onee{
  258. text-align:center;
  259. padding:10px;
  260. width:145px;
  261. border:1px solid #a2c3c3; /*border of your first box*/
  262. background:#fff; /*background of your first box*/
  263. height:240px;
  264. overflow:auto;
  265. line-height:15px;
  266. text-align:center;
  267. font-family:quicksand;
  268.  
  269. }
  270.  
  271. #one{
  272. text-align:center;
  273. padding:10px;
  274. width:145px;
  275. border:1px solid #a2c3c3; /*border of your first box*/
  276. background:#fff; /*background of your first box*/
  277. height:240px;
  278. overflow:auto;
  279. line-height:15px;
  280. text-align:center;
  281. font-family:quicksand;
  282. }
  283.  
  284. #two{
  285. text-align:center;
  286. padding:10px;
  287. width:145px;
  288. border:1px solid #a2c3c3; /*border of your second box*/
  289. background:#fff; /*background of your second box*/
  290. line-height:15px;
  291. height:240px;
  292. overflow:auto;
  293. margin-left:180px;
  294. margin-top:-262px;
  295. text-align:center;
  296. font-family:quicksand;
  297. }
  298.  
  299. #three{
  300. text-align:center;
  301. padding:10px;
  302. width:145px;
  303. border:1px solid #a2c3c3; /*border of your box 3*/
  304. background:#fff; /*background of your box 3*/
  305. line-height:15px;
  306. height:240px;
  307. overflow:auto;
  308. margin-left:360px;
  309. margin-top:-262px;
  310. font-family:quicksand;
  311. }
  312.  
  313. #one a, #two a, #three a{
  314. text-align:center;
  315. display:block;
  316. padding-top:5px;
  317. border:1px solid #a2c3c3;
  318. padding:5px;
  319. width:auto;
  320. text-transform:none;
  321. font-size:11px; /*size of letters*/
  322. font-family:quicksand; /*font family of your links, calibri only works with windows*/
  323. color:#666666; /*color links*/
  324. letter-spacing:2px; /*spacing between letters*/
  325. line-height:18px;
  326. margin:12px;
  327.  
  328. }
  329.  
  330. #one a:hover, #two a:hover, #three a:hover, #onee a:hover{
  331. color: #769999;
  332.  
  333. }
  334.  
  335.  
  336.  
  337.  
  338.  
  339.  
  340. /*CODES BY PAINTHEMES*/
  341.  
  342. /*style of your box*/
  343.  
  344. #social{
  345. z-index:999999;
  346. position:fixed;
  347. top:50px;
  348. right:20px;
  349. width:auto;
  350. max-width:200px;
  351. padding:10px;
  352. background:transparent; /*add color if you want*/
  353. height:auto;
  354. font-size:10px; /*size of the text*/
  355. line-height:14px;
  356. text-align:right;
  357. font-family:quicksand;
  358. color: #666666;
  359. }
  360.  
  361. /*style of the title*/
  362.  
  363. .tt{
  364. font-size:14px;
  365. line-height:10px;
  366. color:#666666; /*color of your title text*/
  367. padding:5px;
  368. font-family:quicksand;
  369. border-right:2px solid #a2c3c3;
  370. background:transparent; /*add color if you want */
  371. }
  372.  
  373.  
  374.  
  375. /*delete if you don't want your links with underline*/
  376.  
  377. #social a{border-bottom:1px solid #a2c3c3; color:#a2c3c3;}
  378.  
  379. #social a:hover{border-bottom:1px solid #666666;}
  380.  
  381. #social a:hover {color:#666666;
  382. -webkit-transition: all 0.2s ease-out;
  383. -moz-transition: all 0.2s ease-out;
  384. transition: all 0.2s ease-out;}
  385.  
  386. /*delete if you don't want your links with underline*/
  387.  
  388. /*SOCIAL BOX BY PAINTHEMES*/
  389.  
  390.  
  391.  
  392. /*Unswear's about popup layout */
  393. .abouttitle{
  394. color:{color:popuptitle};
  395. font-size:16px;
  396. padding:10px;
  397. line-height:15px;
  398. }
  399.  
  400. #about table{
  401. width:100%;
  402. border-spacing: 10px;
  403. border-collapse: separate;
  404. }
  405.  
  406. #about td{
  407. text-align:left;
  408. border:1px solid {color:popupborders};
  409. width:50%;
  410. padding:20px;
  411. font-style:italic;
  412. word-spacing:2px;
  413. margin-bottom:10px;
  414. line-height:16px;
  415. font-size:11px;
  416. }
  417.  
  418. #about h2{
  419. color:{color:popuptitle};
  420. font-style:italic;
  421. font-size:12px;
  422. display:inline;
  423. word-spacing:3px;
  424.  
  425. }
  426. #about p{
  427. border-bottom:1px solid {color:popupborders};
  428. }
  429.  
  430. .footerbox{
  431. border:1px solid {color:popupborders}; margin:10px; padding:10px;text-align:center;
  432. }
  433.  
  434. /*end of about popup layout*/
  435.  
  436.  
  437.  
  438. /*CODES BY PAINTHEMES.TUMBLR.COM*/
  439. .popup_block{
  440. display:none;
  441. background:#fff; /*change the color of your background*/
  442. padding:15px;
  443. border:1px solid #d6d6d6; /*change the color of your border*/
  444. float:left;
  445. position:fixed;
  446. top:50%;left:50%;
  447. z-index: 99999;
  448. box-shadow:rgba(0,0,0,.06) 7px 7px; /*delete if you don't want shadow below your box*/
  449. }
  450.  
  451. #fade {
  452. display:none;
  453. position:fixed;
  454. left:0px;
  455. top:0px;
  456. width:100%;
  457. height:100%;
  458. z-index:9999;
  459. background:#fbfbfb; /* change the color of the background below the box */
  460. opacity:.7; /* change the opacity */
  461. }
  462.  
  463. *html #fade {position: absolute;}
  464. *html .popup_block {position: absolute;}
  465. /*CODES BY PAINTHEMES.TUMBLR.COM*/
  466.  
  467.  
  468.  
  469.  
  470.  
  471. iframe, img, embed, object, video {
  472. max-width: 100%;
  473. }
  474.  
  475. img {
  476. vertical-align:middle;
  477. height: auto;
  478. width: auto;
  479. }
  480.  
  481. body{
  482. color:{color:text};
  483. background-color:{color:background};
  484. background-image:url({image:Background});
  485. background-attachment:fixed;
  486. font-family: {select:Font};
  487. font-size:10px;
  488. cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important;
  489. }
  490.  
  491.  
  492. a:link, a:visited{
  493. color:{color:text};
  494. text-decoration:none;
  495. -webkit-transition: all 0.7s ease;
  496. -moz-transition: all 0.7s ease;
  497. -o-transition: all 0.7s ease;
  498. }
  499.  
  500. a:hover {
  501. cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important;
  502. text-decoration:none;
  503. -webkit-transition: all 0.7s ease;
  504. -moz-transition: all 0.7s ease;
  505. -o-transition: all 0.7s ease;
  506. }
  507.  
  508. h2{
  509. font-size:13px;
  510. font-weight:normal;
  511. font-style:italic;
  512. }
  513. h2 a{
  514. color:{color:text};
  515. text-decoration:none;
  516. }
  517.  
  518. h3{
  519. border-bottom:1px solid {color:borders};
  520. }
  521.  
  522. p{
  523. text-align:left;
  524. color:{color:text};
  525. font-size:{text:font size}
  526. }
  527.  
  528. #s-m-t-tooltip {
  529. max-width:300px;
  530. margin:15px;
  531. padding:3px 8px 3px 8px;
  532. border:1px solid #000;
  533. border-radius: 0px;
  534. background:#000;
  535. color:#fff;
  536. z-index:9999;
  537. font-family:{font:font};
  538. font-size:8px;
  539. letter-spacing:2px;
  540. text-align: center;
  541.  
  542. }
  543. .bigt{
  544. font-family: {font:title};
  545. background-color:{color:accent};
  546. margin-top:5px;
  547. margin-bottom:5px;
  548. padding:3px;
  549. text-align:center;
  550. letter-spacing:1px;
  551. }
  552.  
  553. #sidebar{
  554. padding:17px;
  555. border:1px solid {color:borders};
  556. background-color:{color:background};
  557. width:170px;
  558. position:fixed;
  559. height:auto;
  560. top:20%;
  561. left:10%;
  562. z-index:9999;
  563. }
  564.  
  565. #description{
  566. margin-top:5px;
  567. margin-bottom:5px;
  568. border:1px solid {color:borders};
  569. padding:10px;
  570. text-align:center;
  571. -webkit-transition: all 0.7s ease;
  572. -moz-transition: all 0.7s ease;
  573. -o-transition: all 0.7s ease;
  574.  
  575. }
  576.  
  577.  
  578. .links {
  579. margin-top:5px;
  580. padding:5px;
  581. border:1px solid {color:links};
  582. height:auto;
  583. -webkit-transition: all 0.7s ease;
  584. -moz-transition: all 0.7s ease;
  585. -o-transition: all 0.7s ease;
  586. }
  587.  
  588. .links a{
  589. margin-left:2px;
  590. text-decoration:none;
  591. color:{color:links};
  592. display: inline-block;
  593. }
  594.  
  595. .links a:hover{
  596. color: #666666;
  597. }
  598.  
  599. #blogtitle{
  600. text-transform:uppercase;
  601. margin-top:-27px;
  602. margin-left:-10px;
  603. letter-spacing:2px;
  604. font-style:italic;
  605. font-size:16px;
  606. text-align:left;
  607. z-index:9999;
  608. }
  609.  
  610. #blogtitle a{
  611. padding-right:4px;
  612. padding-left:4px;
  613. background-color:{color:background};
  614. color:{color:accent};
  615. font-style:normal;
  616. text-decoration:none;
  617. }
  618.  
  619. #blogtitle a:hover{
  620. color:{color:accent};
  621. }
  622.  
  623.  
  624. .pagination {
  625. margin-left:45%;
  626. width:15%;
  627. height:10px;
  628. font-size:13px;
  629. background-color:{color:background};
  630. text-align: center;
  631. padding: 3px 0;
  632.  
  633. }
  634.  
  635.  
  636. .pagination a {
  637. color: {color:text};
  638. text-decoration: none;
  639. }
  640.  
  641.  
  642.  
  643. .pagination a:hover {
  644. color: {color:hover};
  645. }
  646.  
  647. {block:ifinfinitescroll}
  648. .pagination {
  649. display: none;
  650. }
  651. {/block:ifinfinitescroll}
  652.  
  653.  
  654. #container{
  655. width:780px;
  656. margin-top:35px;
  657. margin-left:30%;
  658. {block:PermalinkPage}
  659. margin-left:30%;
  660. width:500px;
  661. {/block:PermalinkPage}
  662. }
  663.  
  664. @-webkit-keyframes cssAnimation {
  665. from { -webkit-transform: rotate(0deg) scale(0.871) skew(0deg) translate(0px); }
  666. to { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
  667. }
  668. @-moz-keyframes cssAnimation {
  669. from { -moz-transform: rotate(0deg) scale(0.871) skew(0deg) translate(0px); }
  670. to { -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
  671. }
  672. @-o-keyframes cssAnimation {
  673. from { -o-transform: rotate(0deg) scale(0.871) skew(0deg) translate(0px); }
  674. to { -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
  675. }
  676.  
  677. .entry{
  678. position:relative;
  679. font-family:{font:body text};
  680. text-align:left;
  681. z-index:1;
  682. float:left;
  683. {block:IndexPage}
  684. opacity:.9;
  685. width:250px;
  686. border: 1px solid {color:border};
  687. border: 1px solid {color:border};
  688. border:1px solid #e3eaea;
  689. -moz-box-shadow: 5px 5px 0px 0px #ccdfde;
  690. -webkit-box-shadow: 5px 5px 0px 0px #ccdfde;
  691. box-shadow: 5px 5px 0px 0px #ccdfde;
  692.  
  693. outline:0px solid {color:border};
  694. outline-offset:0px;
  695. padding: 15px;
  696.  
  697. -webkit-animation: cssAnimation 1s 1 ease-in-out;
  698. -moz-animation: cssAnimation 1s 1 ease-in-out;
  699. -o-animation: cssAnimation 1s 1 ease-in-out;
  700. {/block:IndexPage}
  701. {block:PermalinkPage}
  702. width:500px;
  703. {/block:PermalinkPage}
  704. margin:25px;
  705. background-color:{color:background};
  706. -webkit-transition: all 0.7s ease;
  707. -moz-transition: all 0.7s ease;
  708. -o-transition: all 0.7s ease;
  709. }
  710.  
  711. #entry img{
  712. max-width:100%;
  713. }
  714.  
  715.  
  716. #zoom{
  717. position:relative;
  718. overflow:hidden;
  719. }
  720.  
  721. #entry #zoom img{
  722. display:block;
  723. height:auto;
  724. -webkit-transition:opacity 0.5s linear;
  725. -webkit-transition:all 0.5s linear;
  726. -moz-transition:all 0.5s linear;
  727. transition:all 0.5s linear;
  728.  
  729. }
  730.  
  731. #entry:hover #zoom img{
  732. -webkit-transform: scale(1.4);
  733. -moz-transform: scale(1.4);
  734. -o-transform: scale(1.4);
  735. transform: scale(1.4);
  736. }
  737.  
  738.  
  739.  
  740. #entry {
  741. background:{color:post background};
  742. color:{color:text};
  743. margin-top:50px;
  744. outline:{select:border height} solid {color:border};
  745. outline-offset:2px;
  746. margin-left:50px;
  747. width:250px;
  748. float:left;
  749. padding:10px;
  750. {block:PermalinkPage}
  751. width:400px;
  752. margin-bottom:40px;
  753. {/block:PermalinkPage}
  754. -webkit-transition: all .3s ease;
  755. -moz-transition: all .3s ease;
  756. -o-transition: all .3s ease;
  757. transition: all .3s ease;
  758. }
  759.  
  760. #entry:hover{
  761. {block:indexpage}
  762. outline:{select:border height} solid {color:background};
  763. outline-offset:-5px;
  764. {/block:indexpage}
  765. }
  766.  
  767.  
  768.  
  769. .playerbuttonbg {
  770. position: absolute;
  771. left: 20px;
  772. top: 20px;
  773. width: 19px;
  774. height: 19px;
  775. background-color: #ffffff;
  776. padding: 10px;
  777. opacity: .4;
  778. filter: alpha(opacity=40);
  779. -moz-opacity: 0.4;
  780. -khtml-opacity: 0.4;
  781. transition: opacity .7s ease-in-out;
  782. -moz-transition: opacity .7s ease-in-out;
  783. -webkit-transition: opacity .7s ease-in-out;
  784. }
  785. .playerbuttonbg:hover {
  786. opacity: 1;
  787. filter: alpha(opacity=100);
  788. -moz-opacity: 1;
  789. -khtml-opacity: 1;
  790. }
  791.  
  792. .newplayerbutton {
  793. position: relative;
  794. width: 19px;
  795. height: 19px;
  796. overflow: hidden;
  797. }
  798.  
  799. .playerbuttonhug {
  800. position: absolute;
  801. top: -18px;
  802. left: 3px;
  803. }
  804.  
  805. .tumblr_audio_player {
  806. height: 90px;
  807. width: 280px;
  808. -webkit-transform: scale(0.60, 0.60);
  809. -o-transform: scale(0.60, 0.60);
  810. -ms-transform: scale(0.60, 0.60);
  811. transform: scale(0.60, 0.60);
  812. -moz-transform-origin: top left;
  813. -webkit-transform-origin: top left;
  814. -o-transform-origin: top left;
  815. -ms-transform-origin: top left;
  816. transform-origin: top left;
  817. }
  818.  
  819. .audioimgwrapper {
  820. position: absolute;
  821. left: 0px;
  822. top: 0px;
  823. overflow: hidden;
  824. width: 79px;
  825. height: 79px;
  826. }
  827.  
  828. .audioimgwrapper img {
  829. width: 100%;
  830. height: auto;
  831. }
  832.  
  833. .trackdetails {
  834. width: auto;
  835. margin-top:20px;
  836. display:inline-block;
  837. margin-left: 90px;
  838. min-height: 85px;
  839. }
  840. .audiowrapper {
  841. position: relative;
  842. display:inline-block;
  843. }
  844. .question{
  845. color:{color:text};
  846. border:1px solid {color:borders};
  847. padding:5px;
  848. }
  849.  
  850. .asker a{
  851. text-decoration:none;
  852. color:{color:text};
  853. }
  854.  
  855. .answerer{
  856. margin-top:5px;
  857. font-style: oblique;
  858. }
  859. .answer{
  860. font-style: oblique;
  861. }
  862. .replies{
  863. padding-left:5px;
  864. border-left:1px solid {color:borders};
  865. margin-left:4px;
  866. font-style: oblique;
  867. }
  868.  
  869.  
  870. ::-moz-selection {
  871. background: white;
  872. }
  873. ::selection {
  874. background: white;
  875. }
  876.  
  877. ::-webkit-scrollbar-thumb:vertical {
  878. background-color: #a2c3c3;
  879. height: 50px;
  880. width:0px;
  881.  
  882. }
  883. ::-webkit-scrollbar {
  884. width: 8px;
  885. background-color: white;
  886.  
  887. }
  888.  
  889. .tmblr-iframe{
  890. margin-top:10px;
  891. margin-right:10px;
  892. z-index:99999999999999999999999999999!important;
  893. -webkit-filter: invert(100%);
  894. }
  895.  
  896. .quote{
  897. letter-spacing:1px;
  898. text-align:center;
  899. font-style:italic;
  900. font-size:15px;
  901. }
  902. .source{
  903. font-style:normal;
  904. font-size:11px;
  905. margin-top:8px;
  906. margin-bottom:8px;
  907. font-size:{text:font size};
  908. }
  909.  
  910. blockquote{
  911. padding:0px 0px 2px 5px;
  912. margin:0px 0px 10px 20px;
  913. border-left: 1px solid {color:text};
  914. }
  915.  
  916. /*styling of how the notes will look on the permalink page*/
  917. #permpage{
  918. {block:PermalinkPage}
  919. width: 500px;
  920. height: 200px;
  921. overflow-y:scroll;
  922. position: relative;
  923. margin:5px;
  924. padding:2px;
  925. float:center;
  926. {/block:PermalinkPage}
  927. }
  928.  
  929. #perma1{
  930. opacity:0;
  931. {block:PermalinkPage}
  932. display:none;
  933. {/block:PermalinkPage}
  934. position:absolute;
  935. border-top:0px solid {color:accent};
  936. letter-spacing:1px;
  937. text-align:center;
  938. bottom:8px;
  939. width:90%;
  940. height:auto;
  941. -webkit-transition: all .5s ease;
  942. -moz-transition: all .5s ease;
  943. -o-transition: all .5s ease;
  944. transition: all .5s ease;
  945. }
  946. .entry:hover #perma1{
  947. bottom:-10px;
  948. opacity:1;
  949. }
  950.  
  951. #perma2 a{
  952. text-decoration:none;
  953. color:{color:text};
  954. }
  955.  
  956. #perma2 a:hover{
  957. color:{color:accent};
  958. }
  959.  
  960. .entry:hover #perma2{
  961. opacity:1;
  962. bottom:-30px;
  963. }
  964. #perma2{
  965. color:{color:text};
  966. z-index:99;
  967. background-color:{color:background};
  968. opacity:0;
  969. {block:PermalinkPage}
  970. display:none;
  971. {/block:PermalinkPage}
  972. position:absolute;
  973. letter-spacing:1px;
  974. text-align:center;
  975. bottom:-40px;
  976. width:100%;
  977. height:auto;
  978. -webkit-transition: all .5s ease;
  979. -moz-transition: all .5s ease;
  980. -o-transition: all .5s ease;
  981. transition: all .5s ease;
  982. }
  983.  
  984. {block:IndexPage}
  985. .permalinktext {
  986. display: block;
  987. line-height:3px;
  988. letter-spacing:1px;
  989. text-align: center;
  990. border-top:2px solid {color:accent};
  991. padding-top:10px;
  992. {/block:IndexPage}
  993. {block:PermalinkPage}
  994. display:none;
  995. {/block:PermalinkPage}
  996. }
  997. .permalinktext a{
  998. text-decoration:none;
  999. }
  1000.  
  1001. .permalinktext a:hover{
  1002. color:{color:accent};
  1003. }
  1004.  
  1005.  
  1006.  
  1007. #s-m-t-tooltip {
  1008. border:1px solid {color:borders};
  1009. max-width:100px;
  1010. background-color:{color:background};
  1011. font-family:{font:accent 1};
  1012. font-size:9px;
  1013. color:{color:text};
  1014. letter-spacing:1px;
  1015. padding:3px 4px 3px 4px;
  1016. margin:20px 0px 0px 20px;
  1017. z-index:999999999999999999999999999999999999;
  1018. }
  1019.  
  1020. #left, #right, #top, #bottom {
  1021. background: {color:accent};
  1022. position: fixed;
  1023. z-index:999999;
  1024. }
  1025.  
  1026. #left, #right {
  1027. top: 0;
  1028. bottom: 0;
  1029. width: 20px;
  1030. }
  1031.  
  1032. #left {
  1033. left: 0;
  1034. }
  1035.  
  1036. #right {
  1037. display:none;
  1038. right: 0;
  1039. }
  1040.  
  1041. #top, #bottom {
  1042. left: 0;
  1043. right: 0;
  1044. height: 20px;
  1045. }
  1046.  
  1047. #top {
  1048. top: 0;
  1049. }
  1050.  
  1051. #bottom {
  1052. bottom: 0;
  1053.  
  1054. }
  1055.  
  1056. /*Ask popup by Unswear*/
  1057. #inbox table{
  1058. width:100%;
  1059. border-spacing: 5px;
  1060. border-collapse: separate;
  1061. height:200px;
  1062. margin-top:2px;
  1063. border-top:1px solid #c2d4e5; /*change the border colour here*/;
  1064. }
  1065.  
  1066. #inbox td{
  1067. text-align:left;
  1068. width:100%;
  1069. height:50px;
  1070. overflow:scroll;
  1071. word-spacing:3px;
  1072. margin-bottom:10px;
  1073. line-height:16px;
  1074. font-size:11px;
  1075. }
  1076. #asknsubmit{
  1077. overflow:scroll; width:400px; height:280px;line-height:2px;padding:10px; border:1px solid #c2d4e5; /*change the border colour here*/
  1078.  
  1079. }
  1080. #faqyous{
  1081. padding:5px; line-height:13px; text-align:left; font-size:12px;
  1082. }
  1083.  
  1084. #inbox h1{
  1085. color: #c2d4e5;/*change the title colour here*/
  1086. font-size:16px;
  1087.  
  1088. word-spacing:3px;
  1089. }
  1090.  
  1091.  
  1092. </style>
  1093.  
  1094.  
  1095. <title>{Title}</title>
  1096. <link rel="shortcut icon" href="{Favicon}">
  1097. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  1098. {block:Description}
  1099. <meta name="description" content="{MetaDescription}" />
  1100. {/block:Description}
  1101.  
  1102. <!---masonry--->
  1103. {block:indexpage}
  1104. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  1105. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  1106. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  1107. <script type="text/javascript">
  1108. $(window).load(function(){
  1109. var $wall = $('#container');
  1110. $wall.imagesLoaded(function(){
  1111. $wall.masonry({
  1112. itemSelector: '.entry, .entry_photo',
  1113. isAnimated : false
  1114. });
  1115. });
  1116.  
  1117. $wall.infinitescroll({
  1118. navSelector : '#page-nav',
  1119. nextSelector : '#page-nav a',
  1120. itemSelector : '.entry, .entry_photo',
  1121. bufferPx : 2000,
  1122. debug : false,
  1123. errorCallback: function() {
  1124. $('#infscr-loading').fadeOut('normal');
  1125. }},
  1126. function( newElements ) {
  1127. var $newElems = $( newElements );
  1128. $newElems.hide();
  1129. $newElems.imagesLoaded(function(){
  1130. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1131. });
  1132. }); $('#content').show(500);
  1133. });
  1134. </script>
  1135. {/block:indexpage}
  1136.  
  1137. <!--end-->
  1138.  
  1139.  
  1140.  
  1141. </head>
  1142.  
  1143.  
  1144. <body>
  1145. <img style="position: fixed; left: 20px; bottom: -10px;width:300px;opacity:.6" src="http://static.tumblr.com/65f4f99495f65506f22452e98fd11b42/ind94nd/w0Co6p45v/tumblr_static_ezhpjcoryrwo0c04k0c004g04.png">
  1146.  
  1147.  
  1148. <div id="topbar"></div>
  1149. <div id="rightbar"></div>
  1150. <div id="leftbar"></div>
  1151. <div id="topbar2"></div>
  1152. <div id="rightbar2"></div>
  1153. <div id="leftbar2"></div>
  1154.  
  1155.  
  1156.  
  1157.  
  1158.  
  1159.  
  1160. <style>#cred{
  1161. bottom:20px;
  1162. font-size:15px;
  1163. right:12px;
  1164. position:fixed;
  1165. z-index:99999999999;
  1166. }
  1167. #cred a{
  1168. color:{color:accent};
  1169.  
  1170. }</style>
  1171. <div id="cred"><a href="http://volcanicthemes.tumblr.com/" title="volcanic themes"><i class="fa fa-bolt"></i></a></div>
  1172.  
  1173.  
  1174.  
  1175. <!--blog border-->
  1176. <div id="left"></div>
  1177. <div id="right"></div>
  1178. <div id="bottom"></div>
  1179. <div id="top"></div>
  1180.  
  1181.  
  1182.  
  1183. <div id="sidebar">
  1184.  
  1185. <a href="/"title="refresh">
  1186.  
  1187.  
  1188. <div id="blogtitle">{Title}</a>
  1189.  
  1190.  
  1191. </div>
  1192.  
  1193.  
  1194. <!---main description--->
  1195.  
  1196. <div id="description">{description}</div>
  1197.  
  1198. <!---nav links-->
  1199. <div align="center">
  1200. <div class="links">
  1201.  
  1202. <a href="{text:link 1 url}" title="{text:link 1 name}"><i class="fa fa-{select:link icon 1}"></i></a>
  1203. <a href="#?w=auto" rel="box1" class="poplight"title="{text:link 2 name}"</a><i class="fa fa-{select:link icon 2}"></i></a>
  1204. <a href="#?w=auto" rel="box3" class="poplight" title="links"><i class="fa fa-moon-o"></i></a>
  1205. <a href="#?w=auto" rel="box2" class="poplight" title="about me"><i class="fa fa-user"></i></a>
  1206. <a href="{text:link 4 url}" title="{text:link 4 name}"><i class="fa fa-archive"></i></a>
  1207. <a href="http://eruhption.tumblr.com/" title="theme credit"><i class="fa fa-copyright"></i></a>
  1208.  
  1209. </div></div>
  1210. {block:ifstats}
  1211. <div id="stats">
  1212. {text:stats}
  1213. </div>
  1214. {block:ifstats}
  1215. </div>
  1216.  
  1217. <div id="container">
  1218.  
  1219. {block:Posts}
  1220. <!-- {block:NoRebloggedFrom}
  1221. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1222. {/block:NoRebloggedFrom} -->
  1223. {block:ContentSource}<!-- {SourceURL}
  1224. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1225. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1226. {/block:ContentSource}
  1227. <div class="entry">
  1228. {block:Text}
  1229. <div class="post text">
  1230. {block:Title}
  1231. <h2><a href="{Permalink}">{Title}</a></h2>
  1232. {/block:Title}{Body}
  1233. </div>
  1234. {block:IndexPage}
  1235. <div class="permalinktext"> <a href="{ReblogURL}" title="Reblog"><i class="fa fa-retweet"></i></a> &middot <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> </div>
  1236. {/block:IndexPage}
  1237. {/block:Text}
  1238. {block:Photo}
  1239. <div class="post photo">
  1240.  
  1241. {block:IndexPage}
  1242. <a href="{Permalink}"> <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  1243. </a>
  1244.  
  1245.  
  1246.  
  1247.  
  1248.  
  1249. <div align="center">
  1250. <div id="perma1"></div>
  1251.  
  1252. <div id="perma2">
  1253. <a href="{ReblogUrl}" title="Reblog"><i class="fa fa-retweet"></i></a> &middot <a href="{Permalink}" title="{TimeAgo}">{NoteCountWithLabel}</a></div></div>
  1254.  
  1255. {/block:IndexPage} {block:PermalinkPage}
  1256. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  1257. </a>
  1258. {/block:PermalinkPage}
  1259. </div>
  1260.  
  1261. {/block:Photo}
  1262. {block:Panorama}
  1263. <div class="post panorama">
  1264. {LinkOpenTag}
  1265. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  1266. {LinkCloseTag}
  1267. </div>
  1268.  
  1269.  
  1270.  
  1271.  
  1272. <div align="center">
  1273. <div id="perma1"></div>
  1274.  
  1275. <div id="perma2">
  1276. <a href="{ReblogUrl}" title="Reblog"><i class="fa fa-retweet"></i></a> &middot <a href="{Permalink}" title="{TimeAgo}">{NoteCountWithLabel}</a></div></div>
  1277. {/block:Panorama}
  1278. {block:Photoset}
  1279. <div class="post photoset">
  1280.  
  1281. {block:IndexPage}<a href="{permalink}">{Photoset-250}</a>{/block:IndexPage}
  1282. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  1283. <div align="center">
  1284. <div id="perma1"></div>
  1285.  
  1286. <div id="perma2">
  1287. <a href="{ReblogUrl}" title="Reblog"><i class="fa fa-retweet"></i></a> &middot <a href="{Permalink}" title="{TimeAgo}">{NoteCountWithLabel}</a></div></div>
  1288. </div>
  1289. {/block:Photoset}
  1290. {block:Quote}
  1291. <div class="quote">
  1292. "{Quote}"
  1293.  
  1294. {block:Source}
  1295. <div class="source">- {Source}</div>
  1296. {/block:Source}
  1297. </div> {block:IndexPage}
  1298.  
  1299. <div class="permalinktext"> <a href="{ReblogURL}" title="Reblog"><i class="fa fa-retweet"></i></a> &middot <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> </div>{/block:IndexPage}
  1300. {/block:Quote}
  1301. {block:Link}
  1302. <div class="post link">
  1303. <a href="{URL}" class="link" {Target}>{Name}</a>
  1304.  
  1305. {block:Description}
  1306. <div class="description">{Description}</div>
  1307. {/block:Description}
  1308. </div> {block:IndexPage}
  1309. <div class="permalinktext"> <a href="{ReblogURL}" title="Reblog"><i class="fa fa-retweet"></i></a> &middot <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> </div>
  1310.  
  1311.  
  1312. {/block:IndexPage}
  1313. {/block:Link}
  1314. {block:Chat}
  1315. <div class="post chat"><code>
  1316. {block:Title}
  1317. <h3><a href="{Permalink}">{Title}</a></h3>
  1318. {/block:Title}
  1319.  
  1320. <div class="chat">
  1321. {block:Lines}
  1322. <div class="{Alt} user_{UserNumber}">
  1323. {block:Label}
  1324. <b> <span class="label">{Label}</span></b>
  1325. {/block:Label}{Line}
  1326. </div>
  1327. {/block:Lines}
  1328. </code>
  1329. </div> {block:IndexPage}
  1330.  
  1331. <div class="permalinktext"> <a href="{ReblogURL}" title="Reblog"><i class="fa fa-retweet"></i></a> &middot <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> </div>
  1332.  
  1333. {/block:IndexPage}
  1334. {/block:Chat}
  1335. {block:Video}
  1336. <div class="post video">
  1337. {Video-250}
  1338. </div> {block:IndexPage}
  1339.  
  1340.  
  1341. <div class="permalinktext"> <a href="{ReblogURL}" title="Reblog"><i class="fa fa-retweet"></i></a> &middot <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> </div>
  1342.  
  1343. {/block:IndexPage}
  1344. {/block:Video}
  1345. {block:Audio}
  1346. {block:AudioPlayer}
  1347. <div class="audiowrapper">
  1348. {block:AlbumArt}
  1349. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1350. {/block:AlbumArt}
  1351.  
  1352. <div class="playerbuttonbg">
  1353. <div class="newplayerbutton">
  1354. <div class="playerbuttonhug">
  1355.  
  1356. {AudioPlayerWhite}
  1357.  
  1358. </div>
  1359. </div>
  1360. </div>
  1361.  
  1362. <div class="trackdetails">
  1363.  
  1364. {block:TrackName}{TrackName}<br/>{/block:TrackName}
  1365. {block:Artist}Artist: {Artist}<br/>{/block:Artist}
  1366. {block:PlayCount}Played: {PlayCount} times <br>{/block:PlayCount}
  1367. {block:Album}Album: {Album}{/block:Album}<br/>
  1368.  
  1369. </div>
  1370. </div>
  1371. {/block:AudioPlayer}
  1372. <div class="permalinktext"> <a href="{ReblogURL}" title="Reblog"><i class="fa fa-retweet"></i></a> &middot <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> </div> {/block:IndexPage}
  1373. {/block:Audio}
  1374. {block:Answer}
  1375. <div class="question"><div class="asker">{Asker} asked: {Question}</div></div>
  1376. {block:Answerer}
  1377. <div class="answer"><div class="answerer">{Answerer}:</div>{Answer}</div>
  1378. {/block:Answerer}
  1379.  
  1380. <div class="replies">
  1381. {Replies}
  1382. </div> {block:IndexPage}
  1383.  
  1384. <div class="permalinktext"> <a href="{ReblogURL}" title="Reblog"><i class="fa fa-retweet"></i></a> &middot <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> </div>
  1385.  
  1386.  
  1387. {/block:IndexPage}
  1388. {/block:Answer}{block:PermalinkPagination}
  1389. {block:PermalinkPage}
  1390. {block:Caption}
  1391. <div class="caption">{Caption}</div>
  1392. {/block:Caption}
  1393. <div id="permpage">
  1394. Posted {DayOfWeek}, {Month} {MonthNumber}, {Year}
  1395. {block:NoteCount}/ With {NoteCountWithLabel}{/block:NoteCount}
  1396. <br><br>
  1397. <div class="tags">
  1398. {block:HasTags}
  1399. {block:Tags}
  1400. <a href={TagURL}>
  1401. <i class="fa fa-tags"></i> {Tag}</a>
  1402. {/block:Tags}
  1403. {/block:HasTags}
  1404. </div>
  1405. {block:PostNotes}
  1406. {PostNotes-16}
  1407. </div></div>
  1408. {/block:PostNotes}
  1409. {/block:PermalinkPage}
  1410. {/block:PermalinkPagination}
  1411. </div>
  1412.  
  1413.  
  1414. {/block:Posts}
  1415.  
  1416. </div>
  1417. {block:ifnotinfinitescroll}
  1418. <div class="pagination">
  1419. <center>
  1420. {block:PreviousPage}
  1421. <a href="{PreviousPage}">Previous</a>
  1422. {/block:PreviousPage}
  1423. {block:JumpPagination}
  1424. {block:CurrentPage}
  1425. <span class="current_page">{PageNumber}</span>
  1426. {/block:CurrentPage}
  1427. {block:JumpPage}
  1428. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1429. {/block:JumpPage}
  1430. {/block:JumpPagination}
  1431. {block:NextPage}
  1432. <a href="{NextPage}">Next</a>
  1433. {/block:NextPage}
  1434. </div></center>
  1435. {/block:ifnotinfinitescroll}
  1436.  
  1437. <!--infinite scroll-->
  1438. {block:ifinfinitescroll}
  1439. <div class="pagination">
  1440. {block:Pagination}
  1441. {block:PreviousPage}
  1442. <a href="{PreviousPage}">previous</a> &middot;
  1443. {/block:PreviousPage}
  1444. {block:NextPage}
  1445. <a href="{NextPage}" id="next">next</a>
  1446. {/block:NextPage}
  1447. {/block:Pagination}
  1448. {/block:ifinfinitescroll}
  1449. </div>
  1450.  
  1451.  
  1452.  
  1453.  
  1454.  
  1455. </body>
  1456.  
  1457. <!----CREDITS FOR THIS BOX GOES TO PLANTHED---->
  1458. <div id="social">
  1459. <div class="tt">STATS:</div>
  1460.  
  1461. today: <script language="JavaScript" src="http://freehostedscripts.net/date2.php"></script> <br>
  1462.  
  1463. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5288341";
  1464. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  1465. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=here&e2=here&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  1466. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  1467. </script> - <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3132774";
  1468. fhsh.src = "//s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=gone&a=1";
  1469. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  1470. </script> <br>
  1471.  
  1472. follower count: <script src="https://followercounter.co/api/link/mildcrystals"></script><br>
  1473.  
  1474. <a href="#?w=auto" rel="box4" class="poplight">updates</a> - <a href="#?w=auto" rel="box5" class="poplight">featured in</a>
  1475. <!--
  1476. BASIC CODES:
  1477. BOLD: <b>text</b>
  1478. TEXT IN MOVIMENT: <marquee>text</marquee>
  1479. ITALIC: <i>text</i>
  1480. UNDERLINES: <u>text</u>
  1481. SEPARATING PARAGRAPH: <p>text</p> or text <br>
  1482. STRIKE THROUGH: <s>text</s>
  1483. BACKGROUND TEXT: <span style="background:htmlcolor;">text</span>
  1484. DIFFERENT COLOR TEXT: <span style="color:htmlcolor;"> text </span>
  1485. CENTER TEXT: <center>text</center>
  1486. TEXT ON THE RIGHT: <div style="text-align: right;">text</div>
  1487. TEXT ON THE LEFT: <div style="text-align: left;">text</div>
  1488. CHANGING SIZE: <font size="2">text</font>
  1489. CHANGING COLOR & SIZE: <font size="2" color="htmlcolor">text</font>
  1490. MAKING A LINK: use this code: <a href="http://link">name</a>
  1491. OPENS IN A NEW TAB: <a href="http://link" target="_blank">name</a>
  1492. PUTTING AN IMAGE:<img src="directlink">
  1493. TITLE ON YOUR LINK: <a title="text" href="http://link"></a>
  1494. --->
  1495.  
  1496. </div>
  1497. <!----CREDITS FOR THIS BOX GOES TO PLANTHED---->
  1498.  
  1499. <div id="box1" class="popup_block">
  1500. <div style="width: 650px; height: 400px; overflow-y: scroll; overflow-x: hidden;">
  1501. <!--start of ask popup by Unswear-->
  1502. <div id="inbox">
  1503. <h1>Please read before asking</h1>
  1504. <table>
  1505. <tr>
  1506. <td valign="top">
  1507. <div id="faqyous">
  1508. <!--write your faq below here-->
  1509. <h1><u>I will</u></h1>
  1510.  
  1511. ♡ Check out your blog (pbf) <br>
  1512. ♡ Give advice <br>
  1513. ♡ Like a post <br>
  1514. ♡ Be your friend <br>
  1515. ♡ p4p (if we are mutuals) <Br>
  1516.  
  1517. <h1><u>I will not</u></h1>
  1518.  
  1519. ♡ Follow, Reblog, or Promo on request <Br>
  1520. ♡ Click on ads <br>
  1521. ♡ Accept hate <br>
  1522.  
  1523. <h1><u>Unfollowed because</u></h1>
  1524. ♡ write what you want here <br>
  1525. ♡ and here <br>
  1526. ♡ and if you want some here too <br>
  1527. ♡ ok thats enough <br>
  1528.  
  1529. <!-- or above here-->
  1530. </div>
  1531. </td>
  1532.  
  1533. <td>
  1534. <div id="asknsubmit">
  1535. <iframe frameborder="0" height="280" id="ask_form"scrolling="no" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%"></iframe></p>
  1536.  
  1537. <iframe frameborder="0" scrolling="no" width="100%" height="400px" id="submit_form" src="http://www.tumblr.com/submit_form/{name}.tumblr.com"></iframe></div>
  1538. </td>
  1539. </tr>
  1540.  
  1541. </table>
  1542.  
  1543. </div>
  1544. <!--End of ask popup by Unswear-->
  1545.  
  1546. </div></div></div></div></div></div></div></div></div></div></div>
  1547.  
  1548.  
  1549.  
  1550.  
  1551.  
  1552.  
  1553. <div id="box3" class="popup_block">
  1554.  
  1555. <!---hover links by noveia--->
  1556. <center>
  1557. <table><tr><td>
  1558.  
  1559. <div id="niall">
  1560.  
  1561. <div class="louis">
  1562. <!-- change title here -->
  1563. Title 1
  1564.  
  1565. </div>
  1566.  
  1567. <div class="liam">
  1568. <!-- you links go here -->
  1569. <center>
  1570.  
  1571. <a href="http://">LINK</a> -
  1572. <a href="http://">LINK</a> -
  1573. <a href="http://">LINK</a> -
  1574. <a href="http://">LINK</a> -
  1575. <a href="http://">LINK</a>
  1576.  
  1577. </div>
  1578. </div>
  1579.  
  1580. <br><br>
  1581.  
  1582. <div id="niall">
  1583.  
  1584. <div class="louis">
  1585. <!-- change title here -->
  1586.  
  1587. Title 2
  1588.  
  1589. </div>
  1590.  
  1591. <div class="liam">
  1592. <!-- you links go here -->
  1593. <center>
  1594.  
  1595. <a href="http://">LINK</a> -
  1596. <a href="http://">LINK</a> -
  1597. <a href="http://">LINK</a> -
  1598. <a href="http://">LINK</a> -
  1599. <a href="http://">LINK</a>
  1600.  
  1601. </div>
  1602. </div>
  1603. </td><td>
  1604.  
  1605. <div id="niall">
  1606.  
  1607. <div class="louis">
  1608. <!-- change title here -->
  1609.  
  1610. Title 3
  1611.  
  1612. </div>
  1613.  
  1614. <div class="liam">
  1615. <!-- you links go here -->
  1616. <center>
  1617.  
  1618. <a href="http://">LINK</a> -
  1619. <a href="http://">LINK</a> -
  1620. <a href="http://">LINK</a> -
  1621. <a href="http://">LINK</a> -
  1622. <a href="http://">LINK</a>
  1623.  
  1624. </div>
  1625.  
  1626. </div>
  1627.  
  1628. <br><br>
  1629.  
  1630. <div id="niall">
  1631.  
  1632. <div class="louis">
  1633. <!-- change title here -->
  1634.  
  1635. Title 4
  1636.  
  1637. </div>
  1638.  
  1639. <div class="liam">
  1640. <!-- you links go here -->
  1641. <center>
  1642.  
  1643. <a href="http://">LINK</a> -
  1644. <a href="http://">LINK</a> -
  1645. <a href="http://">LINK</a> -
  1646. <a href="http://">LINK</a> -
  1647. <a href="http://">LINK</a>
  1648.  
  1649. </td></tr></table>
  1650. </div>
  1651. </div>
  1652. <!---end of hover links by noveia--->
  1653.  
  1654. </div></div></div></div></div></div></div></div></div></div></div>
  1655.  
  1656. <div id="box2" class="popup_block">
  1657. <!--Start of about popup layout by Unswear-->
  1658. <div style="width: 650px; height: 400px; overflow-y: scroll; overflow-x: hidden;">
  1659. <div id="about"> <div class="abouttitle">ABOUT ME</div>
  1660.  
  1661. <!-- HOW TO FORMAT THIS THING: (BASICS)
  1662.  
  1663. FOR A LINE: add <p></p>
  1664. FOR A SUBHEADING WITH A BIGGER FONT AND DIFFERENT COLOUR:
  1665. <h2> WRITE YOUR TEXT HERE </h2>
  1666.  
  1667. Have fun filling it in! :) Feel free to change the questions too
  1668.  
  1669. -->
  1670.  
  1671. <table>
  1672. <tr>
  1673. <td valign="top"><h2>Name:</h2> Your name <!--WRITE BESIDE HERE--> <p></p>
  1674. <h2>Age:</h2><!--WRITE BESIDE HERE--><p></p>
  1675. <h2> Country:</h2> <!--WRITE BESIDE HERE--> </h2><p></p>
  1676. <h2>Pets:</h2> <!--WRITE BESIDE HERE--> <p></p>
  1677. <h2>Occupation: </h2> <!--WRITE BESIDE HERE--> </h1><p></p>
  1678. <h2>Personality Type:</h2> <!--take the test at https://www.16personalities.com/ it's actually really interesting--> <p></p>
  1679. <h2>Languages:</h2> <!--WRITE BESIDE HERE-->
  1680.  
  1681. </td><p></p>
  1682. <td valign="top">
  1683. <h2>Favourite Animal:</h2> <!--WRITE FAVE ANIMAL HERE HERE
  1684. THEN COMMENT ON IT THERE--> <p></p> (they are so majestic and cute too) nawww<p></p>
  1685.  
  1686. <!--INSERT IMAGE BELOW in the format <img src="IMAGEURL HERE"> -->
  1687. <img src="https://41.media.tumblr.com/276fc5e0559c3f49e6ef1668e88535e1/tumblr_inline_nyf2vsYesB1rx9xgr_500.jpg" />
  1688.  
  1689. </td> </tr>
  1690. <tr>
  1691.  
  1692. <td valign="top">
  1693. <h2>Star Sign:</h2><!--WRITE BESIDE HERE--> <p></p>
  1694. <h2>Hobbies:</h2> <!--WRITE BESIDE HERE--><p></p>
  1695. <h2>Favourite Singers/Bands/DJs:</h2> <!--WRITE BESIDE HERE--><p></p>
  1696. <h2>Favourite TV Shows:</h2> <!--WRITE BESIDE HERE--><p></p>
  1697. <h2>What is your dream?</h2> <!--WRITE BESIDE HERE-->
  1698.  
  1699. </td>
  1700.  
  1701. <td valign="top">
  1702. <h2>Favourite Youtubers:</h2><!--WRITE BESIDE HERE--><p></p>
  1703. <h2>Favourite drink:</h2><!--WRITE BESIDE HERE--><p></p>
  1704. <h2>Favourite item you own:</h2><!--WRITE BESIDE HERE--><p></p>
  1705. <h2>Favourite person in the world:</h2><!--WRITE BESIDE HERE--><p></p>
  1706. <h2>Favourite Celebrity:</h2><!--WRITE BESIDE HERE-->
  1707.  
  1708.  
  1709. </td>
  1710.  
  1711. </tr>
  1712.  
  1713. </table> </div>
  1714. <div class="footerbox">
  1715. <!--write a little comment at the bottom-->Thank you for reading!</div>
  1716. <!--End of about popup layout-->
  1717.  
  1718.  
  1719.  
  1720. </div></div></div></div></div></div></div></div></div></div></div>
  1721.  
  1722.  
  1723. <div id="box4" class="popup_block">
  1724.  
  1725. <div id="onee">
  1726.  
  1727. <div id="titles">
  1728.  
  1729. updates
  1730.  
  1731. </div><br>
  1732.  
  1733.  
  1734. 05/27 mini blog makeover by <a href="http://mihstakes.tumblr.com/">mihstakes</a> <Br><br>
  1735.  
  1736. 05/14 hit 20k<br> <br>
  1737.  
  1738. 05/05 new theme <br> <br>
  1739.  
  1740.  
  1741.  
  1742.  
  1743. </div>
  1744.  
  1745. <div id="two">
  1746.  
  1747. <div id="titles">
  1748.  
  1749. apply
  1750.  
  1751. </div>
  1752.  
  1753. <a href="http://mildcrystals.tumblr.com/post/144129197320/enhancier-please-do-not-delete-the-text-or">peach butts</a>
  1754. <a href="http://mildcrystals.tumblr.com/post/143972317060/dont-delete-the-text-or-self-promote-hey">my favorites</a>
  1755. <a href="http://mildcrystals.tumblr.com/post/144368361315/mihstakes-dont-delete-the-text-or-self/">kappa nu</a>
  1756. <a href="http://mildcrystals.tumblr.com/post/144526784420/dont-delete-the-text-or-self-promote-youll-be">milkshake awards</a>
  1757.  
  1758. </div>
  1759.  
  1760.  
  1761.  
  1762.  
  1763.  
  1764. </div></div></div></div></div></div></div></div></div></div></div>
  1765.  
  1766. <div id="box5" class="popup_block">
  1767.  
  1768. <div id="one">
  1769.  
  1770. <div id="titles">
  1771.  
  1772. faves
  1773.  
  1774. </div>
  1775.  
  1776. <a href="http://fohxiest.tumblr.com/faves">fohxiest</a>
  1777. <a href="http://mislabelsfaves.tumblr.com/">mislabel</a>
  1778.  
  1779.  
  1780.  
  1781. </div>
  1782.  
  1783. <div id="two">
  1784.  
  1785. <div id="titles">
  1786.  
  1787. awards
  1788.  
  1789. </div>
  1790.  
  1791. <a href="http://starbucksawards.tumblr.com/" title="nicest blogger ">the starbucks awards</a>
  1792.  
  1793. </div>
  1794.  
  1795. <div id="three">
  1796.  
  1797. <div id="titles">
  1798.  
  1799. networks
  1800.  
  1801.  
  1802. </div>
  1803.  
  1804. <a href="dharken.tumblr.com">dharken's queue crew</a>
  1805.  
  1806.  
  1807.  
  1808. </div>
  1809.  
  1810. </div></div></div></div></div></div></div></div></div></div></div>
  1811.  
  1812.  
  1813.  
  1814.  
  1815.  
  1816. </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!