API tools faq
paste
Advertisement
paigeh987

Theme 30

paigeh987
Jan 24th, 2017
4,162
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.70 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5.  
  6. Theme 30 by Paige @ neonbikethemes.tumblr.com
  7. last updated 05.19.17
  8.  
  9. Rules:
  10. - Do not remove or alter credit
  11. - Do not steal any parts of the code
  12. - Please like/reblog the post
  13.  
  14. Credits:
  15. - Infinite scroll by paulirish
  16. - pixel union photoset tutorial from shythemes
  17. - Farahmir base code
  18.  
  19. -->
  20.  
  21. <title>{Title}</title>
  22.  
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26.  
  27. <meta name="color:Background" content="#ffffff"/>
  28. <meta name="color:Text" content="#000000"/>
  29. <meta name="color:Link" content="#589fd9"/>
  30. <meta name="color:Hover" content="#afc3d3"/>
  31. <meta name="color:Border" content="#e2e2e2"/>
  32. <meta name="color:Accent" content="#fed170"/>
  33.  
  34. <meta name="select:Icon" title="Small" content="small">
  35. <meta name="select:Icon" title="Big" content="big">
  36. <meta name="select:Icon" title="Hide" content="none">
  37.  
  38. <meta name="select:Font" content="ABeeZee" title="ABeeZee">
  39. <meta name="select:Font" content="Amiko" title="Amiko">
  40. <meta name="select:Font" content="Bitter" title="Bitter">
  41. <meta name="select:Font" content="Courier" title="Courier">
  42. <meta name="select:Font" content="Helvetica" title="Helevtica">
  43. <meta name="select:Font" content="Inconsolata" title="Inconsolata">
  44. <meta name="select:Font" content="Karla" title="Karla">
  45. <meta name="select:Font" content="Lora" title="Lora">
  46. <meta name="select:Font" content="Montserrat" title="Montserrat">
  47. <meta name="select:Font" content="Open Sans" title="Open Sans">
  48. <meta name="select:Font" content="Source Sans Pro" title="Source Sans Pro">
  49.  
  50.  
  51. <meta name="select:font size" title="Small" content="75%">
  52. <meta name="select:font size" title="Medium" content="85%">
  53. <meta name="select:font size" title="Large" content="95%">
  54. <meta name="select:font size" title="Giant" content="105%">
  55.  
  56. <meta name="select:Text Align" title="Left" content="left">
  57. <meta name="select:Text Align" title="Justify" content="Justify">
  58.  
  59. <meta name="select:Post Width" content="300" title="300px">
  60. <meta name="select:Post Width" content="350" title="350px">
  61. <meta name="select:Post Width" content="400" title="400px">
  62. <meta name="select:Post Width" content="450" title="450px">
  63. <meta name="select:Post Width" content="500" title="500px">
  64. <meta name="select:Post Width" content="550" title="550px">
  65. <meta name="select:Post Width" content="600" title="600px">
  66.  
  67. <meta name="image:Icon" content=""/>
  68.  
  69. <meta name="text:Home Link" content="Home" />
  70. <meta name="text:Link 1 URL" content="" />
  71. <meta name="text:Link 1" content="" />
  72. <meta name="text:Link 2 URL" content="" />
  73. <meta name="text:Link 2" content="" />
  74. <meta name="text:Link 3 URL" content="" />
  75. <meta name="text:Link 3" content="" />
  76.  
  77. <meta name="if:Show Title and Description" content="1" />
  78. <meta name="if:Solid Header" content= "0" />
  79. <meta name="if:Hide Captions" content= "0" />
  80. <meta name="if:Grayscale Posts" content= "0" />
  81.  
  82. <style type="text/css">
  83.  
  84. /* ------------------------ BASICS --------------------- */
  85.  
  86. body {
  87. background:{color:background};
  88. color:{color:text};
  89. font-family:{select:font}, helvetica;
  90. font-size: {select:font size};
  91. text-align:justify;
  92. margin:0;
  93. line-height:180%;
  94. word-wrap:break-word;
  95. }
  96.  
  97. a {
  98. color:{color:link};
  99. text-decoration:none;
  100. -webkit-transition:all .3s;
  101. transition:all .3s;
  102. }
  103.  
  104. a:hover {
  105. text-decoration:none;
  106. color:{color:hover};
  107. -webkit-transition:all .3s;
  108. transition:all .3s;
  109. }
  110.  
  111. img{
  112. border:none;
  113. text-decoration:none;
  114. }
  115.  
  116.  
  117. small {
  118. font-size:.8em;}
  119.  
  120. big {
  121. font-size:1.2em;}
  122.  
  123. blockquote {
  124. padding:0 0 0 25px;
  125. border-left:1px solid {color:border};
  126. margin:0px;
  127. }
  128.  
  129. blockquote img{
  130. width:auto;
  131. height:auto;
  132. }
  133.  
  134. ul{
  135. list-style:none;
  136. }
  137. ul li:before{
  138. font-family:'Linearicons-free';
  139. display: inline-block;
  140. content:'\e870';
  141. margin: 0 10px 0 -10px;
  142. font-size:.8em;
  143. }
  144.  
  145. .title {
  146. font-size:1.6em;
  147. margin: 20px 0 20px 0;
  148. text-align:left;
  149. font-weight:300;
  150. }
  151.  
  152. #s-m-t-tooltip{
  153. position:absolute;
  154. margin: 15px 0 0 15px;
  155. z-index:9999;
  156. background:{color:accent};
  157. color:{color:background};
  158. padding:10px 15px 10px 15px;
  159. font-family:{select:font}, helvetica;
  160. font-size: 1em;
  161. }
  162.  
  163. .ic {
  164. position:fixed;
  165. top:14px;
  166. right:16px;
  167. color:{color:text};
  168. z-index:9999;
  169. }
  170.  
  171. iframe#tumblr_controls, .tmblr-iframe, #tumblr_controls, tmblr-iframe tmblr-iframe--desktop-logged-in-controls, .iframe-controls--desktop{
  172. position:fixed!important;
  173. top:0!important;
  174. right:0!important;
  175. {block:IndexPage}
  176. opacity:0!important;
  177. {/block:IndexPage}
  178. -webkit-filter:invert(100%);
  179. -webkit-backface-visibility:hidden;
  180. padding:10px 40px 10px 10px;
  181. -webkit-transition:opacity .3s ease-out;
  182. transition:opacity .3s ease-out;
  183. }
  184. iframe#tumblr_controls:hover, .tmblr-iframe:hover, #tumblr_controls:hover, tmblr-iframe tmblr-iframe--desktop-logged-in-controls:hover, .iframe-controls--desktop:hover, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls:hover {
  185. opacity:.5!important;
  186. -webkit-transition:all .3s;
  187. transition:all .3s;
  188. }
  189.  
  190. /* ---------------------- SIDEBAR -------------------- */
  191.  
  192. #sidebar {
  193. text-align:left;
  194. position:static;
  195. margin-top:50vh;
  196. padding-bottom:10vh;
  197. border-bottom:1px solid {color:border};
  198. width:80vw;
  199. }
  200.  
  201. .small{
  202. position:fixed;
  203. top:8vh;
  204. left:9vw;
  205. margin:-8px 0 0 0;
  206. z-index:999;
  207. }
  208.  
  209. .small img{
  210. width:40px;
  211. border-radius:50px;
  212. }
  213.  
  214. .big{
  215. margin:0 30px 120px 0;
  216. float:left;
  217. {block:IfnotShowTitleandDescription}
  218. display:none!important;
  219. {block:IfnotShowTitleandDescription}
  220. }
  221.  
  222. .big img{
  223. width:80px;
  224. border-radius:80px;
  225. }
  226.  
  227. .none{
  228. display:none!important;
  229. }
  230.  
  231. #blogt {
  232. font-size:1.4em;
  233. font-weight:bold;
  234. }
  235.  
  236. #links {
  237. position:fixed;
  238. top:0;
  239. right:0;
  240. font-size:1.2em;
  241. line-height:1.2em;
  242. z-index:9;
  243. text-transform:lowercase;
  244. color:{color:border};
  245. text-align:right;
  246. {block:Ifnotsolidheader}
  247. margin:8vh 8vw 0 0;
  248. width:80vw;
  249. {/block:Ifnotsolidheader}
  250. {block:Ifsolidheader}
  251. width:78vw;
  252. padding: 8vh 8vw 5vh 15vw;
  253. background:{color:background};
  254. border-bottom:1px solid {color:border};
  255. {/block:Ifsolidheader}
  256. }
  257.  
  258. #links a {
  259. margin:0 10px 0 10px;
  260. display:inline-block;
  261. margin-bottom:5px;
  262. color:{color:text};
  263. -webkit-transition:all .3s;
  264. transition:all .3s;
  265. }
  266.  
  267. #links a:hover{
  268. color:{color:hover};
  269. -webkit-transition:all .3s;
  270. transition:all .3s;
  271. }
  272.  
  273. #description {
  274. width:{select:post width}px;
  275. margin: 0 0 25px 0;
  276. }
  277.  
  278.  
  279. /* ---- PAGINATION --- */
  280.  
  281. .navigation {
  282. color:{color:border};
  283. margin: 5px 0 0 -10px;
  284. }
  285.  
  286. .navigation a {
  287. margin:0 10px 0 10px;
  288. color:{color:text};
  289. -webkit-transition:all .3s;
  290. transition:all .3s;
  291. }
  292.  
  293. .navigation a:hover{
  294. color:{color:accent};
  295. -webkit-transition:all .3s;
  296. transition:all .3s;
  297. }
  298.  
  299. /* ------ FOOTER ------- */
  300.  
  301. .footer{
  302. text-align:left;
  303. position:static;
  304. margin: 30px 0 0 0;
  305. padding: 0 0 25vh 0;
  306. width:80vw;
  307. background:{color:background};
  308. z-index:99;
  309. {block:PermalinkPage}
  310. margin-top:80px;
  311. {/block:PermalinkPage}
  312. }
  313.  
  314. .footer a {
  315. color:{color:text};
  316. -webkit-transition:all .3s;
  317. transition:all .3s;
  318. }
  319.  
  320. .footer a:hover{
  321. color:{color:accent};
  322. -webkit-transition:all .3s;
  323. transition:all .3s;
  324. }
  325.  
  326.  
  327. .right{
  328. float:right;
  329. position:static;
  330. width:40vw;
  331. text-align:right;
  332. }
  333.  
  334. /* ------- 0.3s -------- */
  335.  
  336. input, textarea, select, a { outline: none; }
  337.  
  338. .sbox{
  339. font-family:{select:font}, helvetica;
  340. border:none;
  341. width:200px;
  342. text-align:right;
  343. background:{color:posts};
  344. color:{color:text};
  345. margin:0;
  346. font-size:1em;
  347. }
  348.  
  349. .sbutton{
  350. background:{color:posts};
  351. border:none;
  352. font-size:10px;
  353. letter-spacing:1px;
  354. height: 13px;
  355. vertical-align: top;
  356. margin-right:-17px;
  357. opacity:0;
  358. }
  359.  
  360.  
  361. /* ------------------------ CONTAINER ------------------------- */
  362.  
  363. #con {
  364. left:50%;
  365. margin-left:-40vw;
  366. position:absolute;
  367. {block:PermalinkPage}
  368. margin-top:15vh;
  369. {/block:PermalinkPage}
  370. }
  371.  
  372.  
  373. /* ------ POSTS ------ */
  374.  
  375. .container {
  376. margin-top:75px;
  377. width:{select:post width}px;
  378. {block:IfnotShowTitleandDescription}
  379. margin-top:25vh;
  380. {/block:IfnotShowTitleandDescription}
  381. }
  382.  
  383. .post {
  384. {block:IndexPage}
  385. margin-bottom:80px;
  386. {/block:IndexPage}
  387. {block:PermalinkPage}
  388. margin-bottom:50px;
  389. {/block:PermalinkPage}
  390. text-align:{select:text align};
  391. }
  392. .post img {
  393. max-width:100%;
  394. }
  395. .post img, .post li, .post blockquote {max-width: 100%;}
  396. .post .image img{
  397. width:100%;
  398. }
  399. .image{
  400. {block:Ifgrayscaleposts}
  401. -webkit-filter: grayscale(100%);
  402. -webkit-transition: all 0.3s ease-in-out;
  403. -moz-transition: all 0.3s ease-in-out;
  404. -o-transition: all 0.3s ease-in-out;
  405. -ms-transition: all 0.3s ease-in-out;
  406. transition: all 0.3s ease-in-out;
  407. {/block:Ifgrayscaleposts}
  408. }
  409. .image:hover{
  410. {block:Ifgrayscaleposts}
  411. -webkit-filter: grayscale(0%);
  412. -webkit-transition: all 0.3s ease-in-out;
  413. -moz-transition: all 0.3s ease-in-out;
  414. -o-transition: all 0.3s ease-in-out;
  415. -ms-transition: all 0.3s ease-in-out;
  416. transition: all 0.3s ease-in-out;
  417. {/block:Ifgrayscaleposts}
  418. }
  419.  
  420. .caption {
  421. width:100%;
  422. margin-top:10px;
  423. }
  424. .caption img{
  425. margin-left:0px;
  426. width:auto;
  427. height:auto;
  428. }
  429.  
  430. /* ------ QUOTE ----- */
  431. .quote{
  432. text-align:left;
  433. font-size:2em;
  434. font-weight:300;
  435. line-height:1.2em;
  436. letter-spacing:0px;
  437. }
  438. .source {
  439. margin-top:15px;
  440. }
  441.  
  442. /*------ AUDIO ------- */
  443. .player {
  444. padding:0px;
  445. border:1px solid {color:border};
  446. width:28px;
  447. height:28px;
  448. overflow:hidden;
  449. position:relative;
  450. float:left;
  451. margin: 10px 20px 10px 10px;
  452. }
  453. .audioinfo {
  454. font-size:1.2em;
  455. min-height:80px;
  456. }
  457. .artist{
  458. font-size:.8em;
  459. }
  460.  
  461.  
  462. /* ------- ASKS --=-----*/
  463. .question {
  464. margin-bottom:20px;
  465. margin-top:10px;
  466. font-size:1.2em;
  467. }
  468. .asker{
  469. font-size:1.0em;
  470. }
  471. .asker img{
  472. border-radius:30px;
  473. float:left;
  474. margin: -3px 15px 5px 0;
  475. }
  476.  
  477. /* -------- CHAT -------- */
  478. .chat ol {
  479. padding:0;
  480. list-style:none;
  481. line-height:1em;
  482. }
  483. .line {padding:5px 0;}
  484. .label {
  485. font-weight:bold;
  486. margin-right:3px;
  487. }
  488.  
  489. /* -------- VIDEO -------- */
  490. .video{
  491. width:{select:post width}px;
  492. max-width:100%;
  493. }
  494. .video-player{
  495. position: relative;
  496. padding-bottom: 56.25%; /* 16:9 */
  497. padding-top: 25px;
  498. height: 0;
  499. max-width:{select:post width}px;
  500. }
  501. .video-player iframe{
  502. position: absolute;
  503. top: 0;
  504. left: 0;
  505. width: 100%;
  506. height: 100%;
  507. }
  508.  
  509. /* -------------------- POST INFO AND NOTES ------------------ */
  510. .date{
  511. margin-bottom:20px;
  512. }
  513. .date a{
  514. color:{color:text};
  515. -webkit-transition:all .3s;
  516. transition:all .3s;
  517. }
  518. .date a:hover{
  519. color:{color:hover};
  520. -webkit-transition:all .3s;
  521. transition:all .3s;
  522. }
  523. .pline{
  524. height:80px;
  525. width:60px;
  526. border-bottom:1px solid {color:border};
  527. display:inline-block;
  528. }
  529. .permalink {
  530. margin-top:30px;
  531. color:{color:border};
  532. line-height:170%;
  533. }
  534. .permalink a {
  535. margin: 0px 10px 0px 10px;
  536. color:{color:text};
  537. -webkit-transition:all .3s;
  538. transition:all .3s;
  539. }
  540. .permalink a:hover{
  541. color:{color:accent};
  542. -webkit-transition:all .3s;
  543. transition:all .3s;
  544. }
  545.  
  546. .permalink img{
  547. border-radius: 20px;
  548. margin-bottom:-4px;
  549. }
  550.  
  551.  
  552. .tags {
  553. word-break:break-all;
  554. }
  555.  
  556. .rb{
  557. display:inline-block;
  558. font-size:1em;
  559. }
  560.  
  561. /* -------- POST NOTES --------- */
  562.  
  563. .pagenotes {
  564. {block:IndexPage}
  565. display: none!important;
  566. {/block:IndexPage}
  567. width:{select:post width}px;
  568. text-align:left;
  569. }
  570. .pagenotes img {
  571. border-radius:20px;
  572. margin:0 10px -5px 0;
  573. }
  574. .pagenotes li {
  575. list-style-type:none;
  576. padding:5px 0px;
  577. text-align:left;
  578. margin:0 0 0 -40px;
  579. }
  580.  
  581.  
  582.  
  583. {CustomCSS}
  584.  
  585.  
  586. </style>
  587. </head>
  588.  
  589. <body>
  590.  
  591. <div class="ic"><span class="lnr lnr-cog"></span></div>
  592.  
  593.  
  594. <div id="con">
  595.  
  596. <div id="links">
  597. <a href="/">{text:home link}</a>
  598. {block:AskEnabled}/ <a href="/ask">{AskLabel}</a>{/block:AskEnabled}
  599. {block:SubmissionsEnabled} / <a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
  600. {block:HasPages}
  601. {block:Pages}/ <a href="{URL}">{Label}</a>{/block:Pages}
  602. {/block:HasPages}
  603. {block:ifLink1}/ <a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  604. {block:ifLink2}/ <a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  605. {block:ifLink3}/ <a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  606. </div>
  607.  
  608. {block:IndexPage}
  609. {block:IfShowTitleandDescription}
  610. <div id="sidebar">
  611. {/block:IfShowTitleandDescription}
  612. <a href="/"><div class="{select:Icon}"><img src="{image:Icon}"></div></a>
  613. {block:IfShowTitleandDescription}
  614. <div id="description">{Description}</div>
  615. <div id="blogt">{Title}</div>
  616. </div>
  617. {/block:IfShowTitleandDescription}
  618. {/block:IndexPage}
  619.  
  620.  
  621. <div class="container">
  622.  
  623. <!-- searches -->
  624. {block:SearchPage}
  625. <div class="title">{SearchResultCount} Results</div>
  626. <div class="pline"></div>
  627. {/block:SearchPage}
  628.  
  629. <!-- tag pages -->
  630. {block:TagPage}
  631. <div class="title">Posts tagged "{Tag}"</div>
  632. <div class="pline"></div>
  633. {/block:TagPage}
  634.  
  635.  
  636. <!-- POSTS -->
  637. {block:Posts}
  638. <div class="post">
  639.  
  640. {block:date}
  641. <div class="date">
  642. <a href="{Permalink}">
  643. {Month} {DayOfMonth}, {12Hour}:{Minutes} {AmPm}</a>
  644. </div>
  645. {/block:date}
  646.  
  647. {block:Quote}
  648. <div class="quote">{Quote}</div>
  649. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  650. {/block:Quote}
  651.  
  652. {block:Text}
  653. {block:Title}
  654. <div class="title">{Title}</div>{/block:Title}
  655. {Body}
  656. {/block:Text}
  657.  
  658. {block:Link}
  659. <div class="title">
  660. <span class="lnr lnr-paperclip" style="font-size:.8em;"></span>
  661. <a href="{URL}">{Name}</a></div>
  662. {block:Description}{Description}{/block:Description}
  663. {/block:Link}
  664.  
  665. {block:Chat}
  666. {block:Title}
  667. <h1>{Title}</h1>
  668. {/block:Title}
  669. <div class="chat">
  670. <ol>{block:Lines}
  671. <li class="line {Alt}">
  672. {block:Label}
  673. <span class="label">
  674. {Label}</span>
  675. {/block:Label}{Line}</li>
  676. {/block:Lines}
  677. </ol></div>
  678. {/block:Chat}
  679.  
  680. {block:Photo}
  681. <div class="image"><img src="{PhotoURL-500}"></div>
  682. {/block:Photo}
  683.  
  684. {block:Photoset}
  685. <div class="image">
  686. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  687. {block:Photos}<div class="photo-data"><div class="pxu-photo">
  688. <img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" class="{block:Exif}exif-yes {/block:Exif}{block:Caption}caption-yes{/block:Caption}" {block:Exif}data-camera="{block:Camera}{Camera}{/block:Camera}" data-iso="{block:ISO}{ISO}{/block:ISO}" data-aperture="{block:Aperture}{Aperture}{/block:Aperture}" data-exposure="{block:Exposure}{Exposure}{/block:Exposure}" data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif} {block:Caption}data-caption="{Caption}"{/block:Caption}><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  689. </div></div>{/block:Photos}
  690. </div><!-- close SLIDESHOW -->
  691. </div>
  692. {/block:Photoset}
  693.  
  694. {block:Video}
  695. <div class="video-player">{Video-700}</div>
  696. {/block:Video}
  697.  
  698. {block:Audio}
  699. <div class="audioinfo">
  700. {block:AudioPlayer}<div class="player">
  701. {AudioPlayer}</div>{/block:AudioPlayer}
  702. {block:TrackName}{TrackName}{/block:TrackName}
  703. {block:Artist}<div class="artist">{Artist}</div>{/block:Artist}
  704. </div>
  705. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  706. {/block:Audio}
  707.  
  708. {block:Answer}
  709. <div class="asker"><img src="{AskerPortraitURL-24}">{Asker}</div>
  710. <div class="question">{Question}</div>
  711. <div class="caption">{Answer}</div>
  712. {/block:Answer}
  713.  
  714. {block:IndexPage}
  715. {block:IfnotHideCaptions}
  716. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  717. {/block:IfnotHideCaptions}
  718. {/block:IndexPage}
  719. {block:PermalinkPage}
  720. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  721. {/block:PermalinkPage}
  722.  
  723. {block:Date}
  724. <div class="permalink">
  725.  
  726. {block:NoteCount}
  727. <a href="{Permalink}" style="margin-left:0px;">{NoteCount}</a>
  728. {/block:NoteCount}
  729.  
  730. {block:IndexPage}
  731. <div class="rb">
  732. / <a href="{ReblogURL}" target="_blank" title="Reblog">
  733. <span class="lnr lnr-redo"></span></a>
  734. </div>
  735. {/block:IndexPage}
  736.  
  737. {block:NotReblog}
  738. {block:NoteCount}/ {/block:NoteCount}
  739. <a href="{Permalink}" title="posted by {Name}"><img src="{PortraitURL-16}"></a>
  740. {/block:NotReblog}
  741.  
  742. {block:RebloggedFrom}
  743. / <a href="{ReblogParentURL}" title="reblogged from {ReblogParentName}">
  744. <img src="{ReblogParentPortraitURL-16}"></a>
  745. {block:ContentSource}
  746. / <a href="{ReblogRootURL}" title="originally from {ReblogRootName}">
  747. <img src="{ReblogRootPortraitURL-16}"> </a>
  748. {/block:ContentSource}
  749. {/block:RebloggedFrom}
  750.  
  751. {block:HasTags}{block:Tags}/ <a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}
  752.  
  753. </div>
  754. {/block:Date}
  755.  
  756. <div class="pline"></div>
  757. </div> <!-- end post -->
  758.  
  759. <!-- NOTES -->
  760. {block:PostNotes}
  761. <div class="title">Post Notes</div>
  762. <a href="javascript:ReverseDisplay('postnotes')" style="display:block; margin: 0;">Show / Hide</a>
  763. <div id="postnotes" style="display:none;" class="pagenotes">{PostNotes}</div>
  764. <div class="pline"></div>
  765. {/block:PostNotes}
  766.  
  767. {/block:Posts}
  768. </div><!--end content-->
  769.  
  770. <div class="footer">
  771.  
  772. <div class="right">
  773. Theme by <a href="http://neonbikethemes.tumblr.com">Paige</a></p>
  774. <p style="margin:-10px 0 0 0;"><form action="/search" method="get">
  775. <input class="sbox" placeholder="Search" type="text" name="q" value="{SearchQuery}"/>
  776. <input class="sbutton" type="image" value="Search" src="http://media.tumblr.com/8d206055e0205dc10f33c0d4ff34878c/tumblr_inline_n07xziE1PH1rdsa2v.png" name="theform"></input>
  777. </form></p>
  778. </div>
  779.  
  780. <div class="navigation">
  781. {block:Pagination}
  782. {block:PreviousPage}
  783. <a href="{PreviousPage}"> Previous </a> /
  784. {/block:PreviousPage}
  785. <span style="color:{color:text}; margin:0 10px 0 10px;">
  786. Page {CurrentPage} of {TotalPages}</span>
  787. {block:NextPage}
  788. / <a href="{NextPage}" class="next">Next</a>
  789. {/block:NextPage}
  790. {/block:Pagination}
  791. </div>
  792. <p style="margin:5px 0 0 0;"><a href="/archive">Archive</a>
  793.  
  794. </div><!--end footer-->
  795. </div><!--end con-->
  796.  
  797. {block:ContentSource}
  798. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  799. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  800. {/block:SourceLogo}
  801. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  802. {/block:ContentSource}
  803.  
  804. <!-- FONTS -->
  805. <link href="https://fonts.googleapis.com/css?family=Amiko|Bitter|Inconsolata|Karla|Lora|Montserrat|Open+Sans" rel="stylesheet">
  806. <link href="https://fonts.googleapis.com/css?family=ABeeZee|Source+Sans+Pro" rel="stylesheet">
  807.  
  808. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  809.  
  810. <!-- JQUERY -->
  811. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  812.  
  813. <script>
  814. function HideContent(d) {
  815. document.getElementById(d).style.display = "none";
  816. }
  817. function ShowContent(d) {
  818. document.getElementById(d).style.display = "block";
  819. }
  820. function ReverseDisplay(d) {
  821. if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
  822. else { document.getElementById(d).style.display = "none"; }
  823. }
  824. </script>
  825.  
  826. <!-- TOOLTIPS -->
  827. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  828.  
  829. <script>
  830. (function($){
  831. $(document).ready(function(){
  832. $("a[title]").style_my_tooltips({
  833. tip_follows_cursor:true,
  834. tip_delay_time:0,
  835. tip_fade_speed:200,
  836. attribute:"title"
  837. });
  838. });
  839. })(jQuery);
  840. </script>
  841.  
  842. <!-- pixel union photosets -->
  843. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  844. <script src="http://static.tumblr.com/hugxd2w/5ixmbp81y/plugins.js"></script>
  845. <script src="http://static.tumblr.com/hugxd2w/nyZmm78dc/pxuphotoset.min.js"></script>
  846. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  847.  
  848. <script>
  849. $(document).ready(function() {
  850. $('.photo-slideshow').pxuPhotoset({
  851. 'ligthbox' : true, // uses the default Tumblr lightbox, change to false to use your own
  852. 'highRes' : true, // will use high res images
  853. 'rounded' : 'false', // corners, all or false
  854. 'exif' : true, // display EXIF data if available (tooltip)
  855. 'captions' : true, // display individual captions on photos (tooltip)
  856. 'gutter' : '1px', // spacing between the images
  857. 'photoset' : '.photo-slideshow', // photoset wrapper
  858. 'photoWrap' : '.photo-data', // photo data wrapper (includes photo, icons + exif)
  859. 'photo' : '.pxu-photo' // photo wrap (includes photo only)
  860. }, function() {
  861. // callback
  862. });
  863. });
  864. </script>
  865.  
  866. </body></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!