API tools faq
paste
Advertisement
Guest User

mmmmm

a guest
Dec 4th, 2016
85
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.57 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5.  
  6. TAGS PAGE #2
  7. By Paige @ neonbikethemes.tumblr.com
  8.  
  9. Rules:
  10.  
  11. - Do not steal code or design
  12. - Do not remove/alter credit
  13. - Please like/reblog the post
  14.  
  15. Thanks!
  16.  
  17. -->
  18.  
  19. <meta charset="utf-8">
  20. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  21. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24.  
  25.  
  26. <!-- MASONRY SCRIPTS -->
  27.  
  28. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  29. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  30. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  31.  
  32. <script type="text/javascript">
  33. $(window).load(function(){
  34. var $wall = $('.container');
  35. $wall.imagesLoaded(function(){
  36. $wall.masonry({
  37. itemSelector: 'article',
  38. isAnimated : true
  39. });
  40. });
  41. $wall.infinitescroll({
  42. navSelector : "div#navigation",
  43. nextSelector : "div#navigation a#nextPage",
  44. itemSelector : 'article',
  45. loadingImg : "",
  46. loadingText : " ",
  47. donetext : " ",
  48. extraScrollPx : 0,
  49. bufferPx : 10000,
  50. debug : false,
  51. errorCallback: function() {
  52. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  53. }},
  54. function( newElements ) {
  55. var $newElems = $( newElements );
  56. $newElems.hide();
  57. $newElems.imagesLoaded(function(){
  58. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  59. });
  60. }); $('.container').show(500);
  61. });
  62. </script>
  63.  
  64.  
  65. <!-- FONT SCRIPTS -->
  66.  
  67. <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,300,400,600,700|PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  68.  
  69.  
  70. <!-- CSS -->
  71.  
  72. <style type=text/css>
  73.  
  74.  
  75. /* STUFF */
  76.  
  77. body{
  78. font-family:'Open Sans', Helvetica, sans-serif;
  79. color:#000000;
  80. margin:0;
  81. background:#d2dff2 url('');
  82. background-attachment:fixed;
  83. }
  84.  
  85. a {
  86. text-decoration:none;
  87. color:#000;
  88. }
  89.  
  90. a:hover {
  91. text-decoration:none;
  92. color:#a0a0a0;
  93. }
  94.  
  95. .navbar{
  96. position:fixed;
  97. background:#fff;
  98. text-align:left;
  99. width:100%;
  100. height:50px;
  101. top:0px;
  102. z-index:99999999999999;
  103. }
  104.  
  105. #title{
  106. float:left;
  107. margin-left:25px;
  108. margin-top:18px;
  109. text-transform:uppercase;
  110. text-align:center;
  111. font-size:10px;
  112. letter-spacing:1px;
  113. font-weight:bold;
  114. z-index:9999999999;
  115. }
  116.  
  117. #navlinks{
  118. float:right;
  119. margin-top:13px;
  120. margin-right:20px;
  121. text-align:right;
  122. z-index:999999999;
  123. }
  124.  
  125. .navlink{
  126. background:#fff;
  127. border:0px solid #a0a0a0;
  128. padding:4px;
  129. padding-left:8px;
  130. padding-right:8px;
  131. margin-left:3px;
  132. margin-right:3px;
  133. font-size:10px;
  134. letter-spacing:1px;
  135. position:relative;
  136. display:inline-block;
  137. text-transform:uppercase;
  138. }
  139.  
  140.  
  141.  
  142. .container{
  143. width:80%;
  144. text-align:center;
  145. margin-left:auto;
  146. margin-right:auto;
  147. margin-top:100px;
  148. margin-bottom:120px;
  149. }
  150.  
  151. article{
  152. float:left;
  153. width:160px;
  154. border: 0px solid #dbdbdb;
  155. padding:0px;
  156. margin-left:15px;
  157. margin-right:15px;
  158. margin-bottom:30px;
  159. background:;
  160. font-size:9px;
  161. text-align:left;
  162. }
  163.  
  164. .sectiontitle{
  165. background:#e1e9f1;
  166. font-size:10px;
  167. padding:10px;
  168. margin:0px;
  169. margin-bottom:1px;
  170. text-align:center;
  171. text-transform:uppercase;
  172. font-weight:bold;
  173. letter-spacing:2px;
  174. border-bottom: 0px solid #dbdbdb;
  175. }
  176.  
  177. .tag{
  178. font-size:9px;
  179. font-style:italic;
  180. letter-spacing:1px;
  181. margin-bottom:-1px;
  182. padding:7px;
  183. padding-left:11px;
  184. background:#fff;
  185. border-bottom:1px solid #eeeeee;
  186. margin-bottom:0px;
  187. -webkit-transition: all .5s;
  188. text-align:left;
  189. text-transform:lowercase;
  190. }
  191.  
  192. .tag:hover{
  193. color:#a0a0a0;
  194. padding-left:18px;
  195. -webkit-transition: all .5s;
  196. }
  197.  
  198. </style>
  199.  
  200. </head>
  201.  
  202. <body>
  203.  
  204.  
  205.  
  206. <div class="navbar">
  207.  
  208. <div id="title">Navigation</div>
  209.  
  210. <div id="navlinks">
  211.  
  212. <a href="/">
  213. <div class="navlink">Home</div></a>
  214.  
  215. <a href="http://tumblr.com/dashboard">
  216. <div class="navlink">Dashboard</div></a>
  217.  
  218. <a href="http://neonbikethemes.tumblr.com">
  219. <div class="navlink">Credit</div></a>
  220.  
  221. </div>
  222.  
  223. </div>
  224.  
  225.  
  226.  
  227.  
  228. <div class="container">
  229.  
  230. <!-- START SECTION -->
  231. <article>
  232. <div class="sectiontitle">characters</div>
  233. <a href="/tagged/percy jackson"><div class="tag">percy jackson</div></a>
  234. <a href="/tagged/annabeth chase"><div class="tag">annabeth chase</div></a>
  235. <a href="/tagged/piper mclean"><div class="tag">piper mclean</div></a>
  236. <a href="/tagged/jason grace"><div class="tag">jason grace</div></a>
  237. <a href="/tagged/frank zhang"><div class="tag">frank zhang</div></a>
  238. <a href="/tagged/hazel levesque"><div class="tag">hazel levesque</div></a>
  239. <a href="/tagged/leo valdez"><div class="tag">leo valdez</div></a>
  240. <a href="/tagged/harry potter"><div class="tag">harry potter</div></a>
  241. <a href="/tagged/hermione granger"><div class="tag">hermione granger</div></a>
  242. <a href="/tagged/ron weasley"><div class="tag">ron weasley</div></a>
  243. <a href="/tagged/ginny weasley"><div class="tag">ginny weasley</div></a>
  244. <a href="/tagged/luna lovegood"><div class="tag">luna lovegood</div></a>
  245. <a href="/tagged/cho chang"><div class="tag">cho chang</div></a>
  246. <a href="/tagged/james potter"><div class="tag">james potter</div></a>
  247. <a href="/tagged/lily evans"><div class="tag">lily evans</div></a>
  248. <a href="/tagged/sirius black"><div class="tag">sirius black</div></a>
  249. <a href="/tagged/remus lupin"><div class="tag">remus lupin</div></a>
  250. </article>
  251. <!-- END SECTION -->
  252.  
  253. <!-- START SECTION -->
  254. <article>
  255. <div class="sectiontitle">Fandoms</div>
  256. <a href="/tagged/Taylor Swift"><div class="tag">Taylor Swift</div></a>
  257. <a href="/tagged//pjo"><div class="tag">Percy Jackson</div></a>
  258. <a href="/tagged/hp"><div class="tag">Harry Potter</div></a>
  259. <a href="/tagged/girl meets world"><div class="tag">Girl Meets World</div></a>
  260. <a href="/tagged/aftg"><div class="tag">all for the game</div></a>
  261. </article>
  262. <!-- END SECTION -->
  263.  
  264. <!-- START SECTION -->
  265. <article>
  266. <div class="sectiontitle">Ships</div>
  267. <a href="/tagged/otp: smart water"><div class="tag">percabeth</div></a>
  268. <a href="/tagged/jasper"><div class="tag">jasper</div></a>
  269. <a href="/tagged/frazel"><div class="tag">frazel</div></a>
  270. <a href="/tagged/otp: honeyed peaches"><div class="tag">rilaya</div></a>
  271. <a href="/tagged/otp: quidditch team dream team"><div class="tag">hinny</div></a>
  272. <a href="/tagged/otp: gay ravenclaws"><div class="tag">choluna</div></a>
  273. <a href="/tagged/otp: nah she didn't"><div class="tag">jily</div></a>
  274. <a href="/tagged/otp: charms buddies"><div class="tag">ronmione</div></a>
  275. <a href="/tagged/otp: queen and lionheart"><div class="tag">renison</div></a>
  276. <a href="/tagged/brotp: tenerife cat"><div class="tag">sweeran (brotp)</div></a>
  277. <a href="/tagged/brotp: sunshine cat"><div class="tag">kaylor (brotp)</div></a>
  278. <a href="/tagged/rowbrina"><div class="tag">rowbrina (brotp)</div></a>
  279. </article>
  280.  
  281. <!-- START SECTION -->
  282. <article>
  283. <div class="sectiontitle">characters v2</div>
  284. <a href="/tagged/james sirius"><div class="tag">james sirius potter</div></a>
  285. <a href="/tagged/albus severus"><div class="tag">albus severus potter</div></a>
  286. <a href="/tagged/lily luna"><div class="tag">lily luna potter</div></a>
  287. <a href="/tagged/victoire weasley"><div class="tag">victoire weasley</div></a>
  288. <a href="/tagged/teddy lupin"><div class="tag">teddy lupin</div></a>
  289. <a href="/tagged/riley matthews"><div class="tag">riley matthews</div></a>
  290. <a href="/tagged/maya hart"><div class="tag">maya hart</div></a>
  291. <a href="/tagged/allison reynolds"><div class="tag">allison reynolds</div></a>
  292. <a href="/tagged/renee walker"><div class="tag">renee walker</div></a>
  293. </article>
  294. <!-- END SECTION -->
  295.  
  296. <!-- START SECTION -->
  297. <article>
  298. <div class="sectiontitle">Mine</div>
  299. <a href="http//archiveofourown.org/users/afire/works"><div class="tag">AO3</div></a>
  300. <a href="/tagged/dea.png"><div class="tag">text posts</div></a>
  301. <a href="/tagged/dea.jpg"><div class="tag">edits</div></a>
  302. <a href="/tagged/dea.face"><div class="tag">face</div></a>
  303. <a href="/tagged/about me"><div class="tag">about me</div></a>
  304. <a href="http://eclipses.co.vu/tagged/mine"><div class="tag">poetry</div></a>
  305. <a href="http://eclipses.co.vu"><div class="tag">aesthetic sideblog</div></a>
  306. <a href="https://twitter.com/kingdomliqhts"><div class="tag">twitter</div></a>
  307. <a href="https://www.instagram.com/t.ambam/"><div class="tag">instagram</div></a>
  308. <a href="/tagged/dea answers"><div class="tag">answered asks</div></a>
  309. <a href="/blogroll"><div class="tag">blogroll</div></a>
  310. </article>
  311. <!-- END SECTION -->
  312.  
  313. <!-- START SECTION -->
  314. <article>
  315. <div class="sectiontitle">Friends</div>
  316. <a href="http://ghvstbucky.tumblr.com"><div class="tag">shane</div></a>
  317. <a href="http://axollo.tumblr.com/"><div class="tag">lexi</div></a>
  318. <a href="http://http://amphitrite.co.vu/"><div class="tag">melissa</div></a>
  319. <a href="http://lissomae.tumblr.com/"><div class="tag">aphra</div></a>
  320. <a href="http://aesxtrology.tumblr.com/"><div class="tag">anushka</div></a>
  321. <a href="http://illuminakis.tumblr.com"><div class="tag">kid</div></a>
  322. <a href="http://labcoat.tumblr.com"><div class="tag">zuka</div></a>
  323. <a href="maysodabeeternal06.tumblr.com"><div class="tag">ita</div></a>
  324. <a href="http://dopamineminds.tumblr.com"><div class="tag">caitlyn</div></a>
  325. <a href="http://http://tranxfiguration.tumblr.com/"><div class="tag">emma</div></a>
  326. <a href="http://http://stafeofgrace.tumblr.com/"><div class="tag">aimee</div></a>
  327. <a href="http://andrreil.tumblr.com"><div class="tag">kiv</div></a>
  328. <a href="http://smolbuckys.co.vu/"><div class="tag">skechii</div></a>
  329. <a href="http://cabeswatersmagic.tumblr.com"><div class="tag">parker</div></a>
  330. <a href="http://amerikate.co.vu"><div class="tag">alora</div></a>
  331. <a href="http://ctrlguk.tumblr.com"><div class="tag">hailey</div></a>
  332. <a href="http://dan-wlds.tumblr.com"><div class="tag">katie</div></a>
  333. <a href="http://impossiblyincrediblethings.tumblr.com/"><div class="tag">annabelle</div></a>
  334.  
  335.  
  336. </article>
  337. <!-- END SECTION -->
  338.  
  339. <!-- START SECTION -->
  340. <article>
  341. <div class="sectiontitle">networks</div>
  342. <a href="http://pjocreators.tumblr.com"><div class="tag">PJO Creators</div></a>
  343. <a href="http://originalwritersnet.tumblr.com/"><div class="tag">Original Writers Net</div></a>
  344. <a href="http://demigodsunitednetwork.tumblr.com"><div class="tag">Demigods United Network</div></a>
  345. <a href="http://avatarrara.tumblr.com/multifandomswiftiesnet"><div class="tag">Multifandom Swifties Net</div></a>
  346. <a href="http://apolloscribes.tumblr.com/"><div class="tag">Apollo's Scribes</div></a>
  347. <a href="http://hulksmash.co.vu/hpsquadnet"><div class="tag">Hp Squad Net</div></a>
  348. <a href="http://zhangnet.tumblr.com/"><div class="tag">Zhang Net</div></a>
  349. <a href="http://hpnostalgiasquad.tumblr.com/"><div class="tag">Hp Nostalgia Squad</div></a>
  350. <a href="http://http://sweerannetwork.tumblr.com/"><div class="tag">Sweeran Network</div></a>
  351. <a href="http://resourcenet.tumblr.com/"><div class="tag">Resource Net</div></a>
  352. </article>
  353. <!-- END SECTION -->
  354.  
  355. <!-- START SECTION -->
  356. <article>
  357. <div class="sectiontitle">Taylor Swift</div>
  358. <a href="/tagged/tour: fearless"><div class="tag">Fearless Tour</div></a>
  359. <a href="/tagged/tour: speak now"><div class="tag">Speak Now Tour</div></a>
  360. <a href="/tagged/tour: red"><div class="tag">RED Tour</div></a>
  361. <a href="/tagged/tour: 1989"><div class="tag">1989 Tour</div></a>
  362. <a href="/tagged/era: taylor swift"><div class="tag">Taylor Swift Era</div></a>
  363. <a href="/tagged/era: fearless"><div class="tag">Fearless Era</div></a>
  364. <a href="/tagged/era: speak now"><div class="tag">Speak Now Era</div></a>
  365. <a href="/tagged/era: red"><div class="tag">RED Era</div></a>
  366. <a href="/tagged/era: 1989"><div class="tag">1989 Era</div></a>
  367. </article>
  368. <!-- END SECTION -->
  369.  
  370. <!-- START SECTION -->
  371. <article>
  372. <div class="sectiontitle">miscellaneous</div>
  373. <a href="/tagged/pretty words for pretty souls"><div class="tag">quotes and poetry</div></a>
  374. <a href="/tagged/ref"><div class="tag">how-to's and refereneces</div></a>
  375. <a href="/tagged/ghvstbucky"><div class="tag">shane's tag</div></a>
  376. <a href="/fandomfam"><div class="tag">fandom family</div></a>
  377. </article>
  378. <!-- END SECTION -->
  379.  
  380. <!-- START SECTION -->
  381. <article>
  382. <div class="sectiontitle">People</div>
  383. <a href="/tagged/taylor swift"><div class="tag">taylor swift</div></a>
  384. <a href="/tagged/selena gomez"><div class="tag">selena gomez</div></a>
  385. <a href="/tagged/rowan blanchard"><div class="tag">rowan blanchard</div></a>
  386. <a href="/tagged/sabrina carpenter"><div class="tag">sabrina carpenter</div></a>
  387. <a href="/tagged/ed sheeran"><div class="tag">ed sheeran</div></a>
  388. </article>
  389. <!-- END SECTION -->
  390.  
  391.  
  392. </div>
  393.  
  394. </div>
  395.  
  396.  
  397.  
  398. </body>
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!