API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 7th, 2014
196
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 46.13 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
  3. <!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
  4. <!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
  5. <!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
  6. <html>
  7. <head>
  8. <!--
  9. TALLY HO!!!!!!!!!!!!
  10. -->
  11. <!--
  12. Created by: Febril Cuevas (@febrilcuevas)
  13. Theme Name: Labrador
  14. Updated: July 11, 2014
  15. Website: http://febril.co
  16. -->
  17.  
  18. <meta charset="utf-8">
  19. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  20. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  21.  
  22. <title>{block:TagPage}{Tag} &mdash; {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} &mdash; {/block:SearchPage}{block:PostSummary}{PostSummary} &mdash; {/block:PostSummary}{Title}</title>
  23. {block:Description}<meta name="description" content="{MetaDescription}">
  24. {/block:Description}
  25.  
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700|Libre+Baskerville:400,700,400italic' rel='stylesheet' type='text/css'>
  28. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  29.  
  30. <!-- Favicons -->
  31. <link rel="shortcut icon" href="{Favicon}">
  32. <link rel="apple-touch-icon" href="{PortraitURL-128}"></link>
  33.  
  34.  
  35. <!-- Default Colours -->
  36. <meta name="color:Body Background" content="#f0f0f0"/>
  37. <meta name="color:Header Background" content="#adadad"/>
  38. <meta name="color:Header Text" content="#fff"/>
  39. <meta name="color:Header Links" content="#ffffff"/>
  40. <meta name="color:Post Header" content="#333"/>
  41. <meta name="color:Body Text" content="#565656"/>
  42. <meta name="color:Content Background" content="#ffffff"/>
  43. <meta name="color:Link Text" content="#b3b3b3"/>
  44. <meta name="color:Link Hover" content="#b3b3b3"/>
  45.  
  46.  
  47. <!-- Theme Options -->
  48. <meta name="image:Logo" content="">
  49. <meta name="image:Header Background" content="http://static.tumblr.com/axfiftt/gYbn8l9ux/labradorhead.jpg"/>
  50. <meta name="if:Show Navigation" content="1">
  51. <meta name="if:Show Random Button" content="1">
  52. <meta name="if:Show RSS Button" content="1">
  53. <meta name="if:Show Archive Button" content="1">
  54. <meta name="if:Show SearchBar" content="1">
  55. <meta name="if:Show Copyright" content="1"/>
  56. <meta name="if:Show Social Navigation" content="1"/>
  57. <meta name="if:Permalink share buttons" content="0">
  58. <meta name="if:Show Google Plus Link" content="0"/>
  59. <meta name="if:Show Facebook Link" content="1"/>
  60. <meta name="if:Show Instagram Link" content="0"/>
  61. <meta name="if:Show Twitter Link" content="0"/>
  62. <meta name="if:Show Youtube Link" content="0"/>
  63. <meta name="if:Show Vimeo Link" content="1"/>
  64. <meta name="if:Show Flickr Link" content="0"/>
  65. <meta name="if:Show Dribbble Link" content="0"/>
  66. <meta name="if:Show Behance Link" content="0"/>
  67. <meta name="if:Show Soundcloud Link" content="0"/>
  68.  
  69. <!-- Theme Options Text-->
  70. <meta name="text:Google Analytics Id" content=""/>
  71.  
  72. <!-- Theme Options Social Media-->
  73. <meta name="text:Google Plus Link" content=""/>
  74. <meta name="text:Facebook Link" content=""/>
  75. <meta name="text:Instagram Link" content=""/>
  76. <meta name="text:Twitter Link" content=""/>
  77. <meta name="text:Youtube Link" content=""/>
  78. <meta name="text:Vimeo Link" content=""/>
  79. <meta name="text:Flickr Link" content=""/>
  80. <meta name="text:Dribbble Link" content=""/>
  81. <meta name="text:Behance Link" content=""/>
  82. <meta name="text:Soundcloud Link" content=""/>
  83.  
  84.  
  85.  
  86. <!-- Social Meta Data
  87. ================================================== -->
  88. <link rel="image_src" href="{Favicon}" />
  89. <meta property="og:title" content="{Title}{block:PostSummary} &mdash; {PostSummary}{/block:PostSummary}" />
  90. <meta property="og:type" content="website" />
  91. <meta property="og:image" content="{Favicon}" />
  92. <meta property="og:description" content="{MetaDescription}" />
  93. <meta name='text:Disqus Shortname' content='' />
  94.  
  95. <style type="text/css">
  96. /*========================================================
  97. Basics Page Setup
  98. ========================================================*/
  99. html {background: {color:Body Background}}
  100. body {
  101. font: 12px/22px 'Libre Baskerville', Garamond, 'Times New Roman', serif !important;
  102. font-weight: 300 !important;
  103. background: {color:Body Background};
  104.  
  105. }
  106. body {
  107. color: {color:Body Text};
  108. }
  109. ::-moz-selection {background: {color:Link Text}; }
  110. ::selection {background: {color:Link Text}; }
  111.  
  112. }
  113. /*========================================================
  114. Typography
  115. ========================================================*/
  116. h1, h2, h3, h4 {
  117. font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  118. font-weight: 400;
  119. color: {color:Header Text};
  120. }
  121. h1 a, h2 a, h3 a, h4 a {
  122. font-weight: inherit;
  123. color:{color:Header Text}
  124. }
  125. hr {
  126. border: solid 1px {color:Body Background};
  127. }
  128. /*========================================================
  129. Links
  130. ========================================================*/
  131. a, a:visited {
  132. color:{color:Link Text};
  133. }
  134. a {color: {color:Link Hover}}
  135. a:hover {
  136. opacity: .85 !important;
  137. -webkit-transition: opacity 1.2s ease-out;
  138. -moz-transition: opacity 1.2s ease-out;
  139. -o-transition: opacity 1.2s ease-out;
  140. transition: opacity 1.2s ease-out;
  141. }
  142. a:hover, a:focus {
  143. color: {color:Link Hover};
  144. }
  145. p a, a:visited {
  146. color:{color:Link Text};
  147. }
  148. /*========================================================
  149. Buttons
  150. ========================================================*/
  151. .button,button,a.button,input[type="submit"],input[type="button"] {
  152. background: {color:Link Hover};
  153. }
  154. .button:hover,button:hover,input[type="submit"]:hover,input[type="button"]:hover {
  155. background: {color:Link Hover};
  156. }
  157. .button:active,button:active,input[type="submit"]:active,input[type="button"]:active {
  158. background: {color:Link Hover};
  159. }
  160. /*========================================================
  161. Form Elements
  162. ========================================================*/
  163. input[type="text"],select{
  164. background: {color:Link Hover};
  165. }
  166. input[type="text"]:focus{
  167. background:{color:Link Hover};
  168. }
  169. /*========================================================
  170. Header
  171. ========================================================*/
  172.  
  173. header {
  174. background: url({image:Header Background});
  175. background-size: cover;
  176. background-repeat: no-repeat;
  177. position: relative;
  178. }
  179. .layerbg {
  180. background: rgba(255,255,255,-1);
  181. position: absolute;
  182. top: 0;
  183. left: 0;
  184. width: 100%;
  185. height: 100%;
  186. }
  187. .head-info {
  188. margin-top: 120px;
  189. width: 98.4375%;
  190. margin-left: 0.78125%;
  191. margin-right: 0.78125%;
  192. float: left;
  193. display: inline;
  194. font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  195. color:{color:Header Text};
  196. }
  197. header .logo, header .logo a{
  198. color: {color:"ffffff"};
  199. width: 100%;
  200. max-width: 100%;
  201. display: block;
  202. margin: 0 auto;
  203. }
  204. header .title h1, header .title h1 a{
  205. color: {color:Header Text};
  206. line-height: 35px;
  207. }
  208. header .title h1 a:after{
  209. content:' ';
  210. width: 40px;
  211. display:block;
  212. margin: 0 auto;
  213. margin-top: 13px;
  214. margin-bottom: -10px;
  215. border:1px solid {color:Header Text};
  216. border-radius:2px;
  217. -webkit-border-radius:2px;
  218. -moz-border-radius:2px;
  219. }
  220. header .title h1 a.no-after:after{
  221. border:0 !important;
  222. }
  223. header .welcome-text .description {
  224. font-family: 'Libre Baskerville', Garamond, 'Times New Roman', serif;
  225. font-weight: 400;
  226. font-style:italic;
  227. color: {color:Header Text};
  228. margin-top: 15px;
  229. }
  230. /*==== Logo ====*/
  231. .logo {
  232. background: url('{image:Background}')
  233. top center no-repeat;
  234. }
  235. /*==== Search ====*/
  236. h2.search-header {
  237. font-family: 'Libre Baskerville', Garamond, 'Times New Roman', serif;
  238. font-weight: 400;
  239. color: {color:Body Text};
  240. font-size: 14px !important;
  241. text-transform: none !important;
  242. }
  243. h2.search-header span{
  244. opacity: .8;
  245. display: inline;
  246. }
  247. p.search-none-header {
  248. font-family: 'Libre Baskerville', Garamond, 'Times New Roman', serif;
  249. font-weight: 700;
  250. font-size: 22px !important;
  251. padding: 100px 0 !important;
  252. margin: 0 auto;
  253. }
  254. .search-container {
  255. display: inline-block;
  256. float: left;
  257. margin-top: -55px;
  258. overflow: hidden !important;
  259. }
  260. .search-box {
  261. transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
  262. width: 55px !important;
  263. height: 55px !important;
  264. /*border-radius: 27.5px !important;*/
  265. border: none !important;
  266. cursor: pointer;
  267. background: transparent !important;
  268. padding: 0 !important;
  269. min-width: 0 !important;
  270. margin-bottom: 0 !important;
  271. overflow: hidden !important;
  272. }
  273. .search-box + label .search-icon {
  274. color: #d7d7d7;
  275. -webkit-transition: color .9s ease-out;
  276. -moz-transition: color .9s ease-out;
  277. -o-transition: color .9s ease-out;
  278. transition: color .9s ease-out;
  279. }
  280. .search-box:hover {
  281. color: white;
  282. background: #c8c8c8;
  283. }
  284. .search-box:hover + label .search-icon {
  285. color: #333;
  286. -webkit-transition: color .9s ease-out;
  287. -moz-transition: color .9s ease-out;
  288. -o-transition: color .9s ease-out;
  289. transition: color .9s ease-out;
  290. }
  291. .search-box:focus {
  292. transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
  293. border: none !important;
  294. outline: none !important;
  295. box-shadow: none !important;
  296. padding-left: 15px !important;
  297. padding-right: 30px !important;
  298. cursor: text !important;
  299. font-family: 'Libre Baskerville', Garamond, 'Times New Roman', serif;
  300. font-weight: 400;
  301. width: 138px !important;
  302. border-radius: 0 !important;
  303. background: #ebebeb !important;
  304. color: black !important;
  305. overflow: hidden !important;
  306. }
  307. .search-box:focus + label .search-icon {
  308. color: black;
  309. }
  310. .search-box:not(:focus) {
  311. text-indent: -5000px;
  312. }
  313.  
  314. #search-submit {
  315. position: relative;
  316. left: -5000px;
  317. }
  318.  
  319. .search-icon {
  320. position: relative;
  321. left: -36px;
  322. font-size: 14px;
  323. color: grey;
  324. cursor: pointer;
  325. }
  326.  
  327. /*==== Social Icons ====*/
  328. .social {
  329. margin-top:20px;
  330. text-align: center;
  331. }
  332. li.ico {
  333. display:inline;
  334. margin-right: 10px;
  335. font-size:20px;
  336. color: grey;
  337. overflow: hidden;
  338. }
  339. li.ico a{
  340. color: silver;
  341. }
  342. /*==== Navigation ====*/
  343. .navigation ul{text-align:center; background-color: rgba(0,0,0,0); padding: 80px 0 15px 0;}
  344. .navigation li {
  345. display:inline;
  346. text-transform:uppercase;
  347. padding:0 7px
  348. }
  349. .navigation li a {
  350. font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  351. font-weight: 400;
  352. font-size:17px;
  353. color:{color:Header Links};
  354. }
  355. .navigation li a:hover {color:{color:Link Hover}}
  356.  
  357. @media screen and (max-width: 490px) {
  358. .nav-margin {margin-left: 55px;}
  359. }
  360. /*========================================================
  361. Footer
  362. ========================================================*/
  363.  
  364. /*==== Pagination ====*/
  365. .pagination {
  366. font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  367. font-weight: 400;
  368. text-transform: uppercase;
  369. line-height: 10px;
  370. color:{color:Link Hover}}
  371. .pagination a{color:{color:Link Text};line-height: 10px;}
  372. .pagination a:hover{
  373. color: #ffffff;
  374. padding:4px 9px;
  375. background-color:{color:Link Text};
  376. }
  377. .pagination .current-page{
  378. color: #ffffff;
  379. padding:4px 9px;
  380. background-color:{color:Link Text};
  381. line-height: 10px;
  382. }
  383. /*========================================================
  384. Posts
  385. ========================================================*/
  386. .post {
  387. background:{color:Content Background};
  388. }
  389. .post p {
  390. font-family: 'Libre Baskerville', Garamond, 'Times New Roman', serif;
  391. font-size: 14px;
  392. }
  393. .post h1 {
  394. font-size: 20px;
  395. font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  396. color: {color:Post Header};
  397. }
  398. .padding {padding:45px 55px}
  399.  
  400. /*==== Post Constants ====*/
  401. .post-content .photo img {
  402. display: block;
  403. margin: 0 auto;
  404. margin-top: 15px;
  405. margin-bottom: 15px;
  406. }
  407. .post-content h1{
  408. color: {color:Post Header};
  409. }
  410. p.source {padding-top:30px}
  411. .post-page .notes{margin-top:40px}
  412. .post-share {
  413. float: right;
  414. display: inline;
  415. width:50%
  416. }
  417. .post-share ul {float:right;}
  418. .post-share ul li {
  419. display:inline;
  420. padding: 0 5px;
  421. float: left;
  422. color:{color:Link Hover};
  423. font-size: 17px;
  424. margin-bottom: 0;
  425. -webkit-transition: opacity 1.2s ease-out;
  426. -moz-transition: opacity 1.2s ease-out;
  427. -o-transition: opacity 1.2s ease-out;
  428. transition: opacity 1.2s ease-out;
  429. }
  430. .post-share ul li a {
  431. cursor: pointer;
  432. color:rgb(204, 204, 204);
  433. }
  434. .post-share ul li:hover {
  435. color:{color:Link Hover};
  436. opacity:.55;
  437. -webkit-transition: opacity 1.2s ease-out;
  438. -moz-transition: opacity 1.2s ease-out;
  439. -o-transition: opacity 1.2s ease-out;
  440. transition: opacity 1.2s ease-out;
  441. }
  442. ul.share-slide {
  443. display:none
  444. }
  445. /*===*/
  446. .global-share{
  447. display: none;
  448. position: absolute;
  449. width: 100px;
  450. margin: -130px 0 0 -50px;
  451. padding: 15px;
  452. background: #333;
  453. }
  454. .global-share li {
  455. display: block;
  456. line-height: 28px;
  457. padding: 0;
  458. }
  459. .global-share li a{
  460. font-size: 14px;
  461. }
  462. .perm {
  463. font-size: 1.5em;
  464. }
  465. .shared-number {
  466. float: left;
  467. display: inline;
  468. width: 50%;
  469. }
  470. .shared-number ul {
  471. margin:0;
  472. padding:0;
  473. }
  474. .shared-number ul li {
  475. display:inline;
  476. list-style:none
  477. }
  478.  
  479. span.note-number {
  480. font-family: 'Libre Baskerville', Garamond, 'Times New Roman', serif;
  481. font-weight: 300;
  482. font-size:15px;
  483. color: rgb(204, 204, 204);
  484. }
  485. .cont-caption {padding-top:20px}
  486. .link-caption blockquote {
  487. font-size:22px;
  488. line-height:30px
  489. }
  490.  
  491.  
  492. /*==== Text Post ====*/
  493. .text-post li{
  494. font-size: 15px;
  495. line-height: 25px;
  496. margin: 0 0 5px 30px;
  497. }
  498. .text-post p img{
  499. display: block;
  500. margin: 0 auto;
  501. }
  502. /*.text-post p,*/ .text-post blockquote{
  503. font-size: 22px;
  504. line-height: 30px;
  505. margin: 0 0 12px 0;
  506. }
  507. .text-post blockquote{
  508. font-style:italic !important;
  509. margin:1.5em 0;
  510. padding:.5em 10px;
  511. border-left:5px solid {color:Link Text};
  512. }
  513.  
  514. .text-post blockquote:before {
  515. margin-right:.25em;
  516. vertical-align:-.4em;
  517. }
  518.  
  519. /*==== Photoset ====*/
  520. .photoset img {padding: 5px 0}
  521.  
  522. /*==== Video ====*/
  523. .video iframe.soundcloud_audio_player {
  524. padding-bottom:0!important;
  525. width: 100%;
  526. }
  527.  
  528. /*==== Audio ====*/
  529. .audio img {
  530. display:none
  531. }
  532. .audio_player {
  533. position: relative;padding-bottom: 12.25%; /* 16:9 */
  534. height: 0;background:{color:Content Background}
  535. }
  536. .audio_player iframe{
  537. position: absolute;
  538. top: 0;
  539. left: 0;
  540. width: 100%;
  541. height: 100%;
  542. background:{color:Content Background}
  543. }
  544. /*==== Chat ====*/
  545. ul.answer li {
  546. font-family: 'Libre Baskerville', Garamond, 'Times New Roman', serif;
  547. font-weight: 300;
  548. font-size: 22px;
  549. line-height: 30px;
  550. margin: 0;
  551. border-bottom:1px solid #f0f0f0
  552. }
  553. ul.answer li span.label{
  554. font-family: 'Libre Baskerville', Garamond, 'Times New Roman', serif;
  555. font-weight: 600;}
  556.  
  557. /*==== Quote ====*/
  558. blockquote, q, .quote {
  559. font-family: 'Libre Baskerville', Garamond, 'Times New Roman', serif;
  560. font-weight: 300 !important;
  561. font-style:italic
  562. }
  563.  
  564. /*==== Audio ====*/
  565. .spotify_audio_player{ height:80px; !important}
  566.  
  567. div.photoset-grid,
  568. div.photoset-grid-custom,
  569. div.photoset-grid-lightbox {
  570. margin: 0 auto;
  571. display: block;
  572. margin: 0 0 2em 0; }
  573. div.photoset-grid a:focus,
  574. div.photoset-grid-custom a:focus,
  575. div.photoset-grid-lightbox a:focus {
  576. outline: none; }
  577. div.photoset-grid img,
  578. div.photoset-grid-custom img,
  579. div.photoset-grid-lightbox img {
  580. max-width: 100%; }
  581.  
  582. .fancybox-opened .fancybox-skin {
  583. -webkit-box-shadow: none !important;
  584. -moz-box-shadow: none !important;
  585. box-shadow: none !important;
  586. }
  587. /*=================*/
  588.  
  589. @media
  590. only screen and (-webkit-min-device-pixel-ratio: 2),
  591. only screen and (min-resolution: 192dpi) {
  592. /* Retina-specific stuff here */
  593.  
  594. }
  595. /*========================================================
  596. Custom Styles
  597. ========================================================*/
  598. {CustomCSS}
  599. </style>
  600. <link rel="stylesheet" href="http://static.tumblr.com/zfgbdlp/j7unemfj0/labrador.css">
  601. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  602. <script type="text/javascript" src="http://static.tumblr.com/cbskbgp/94bmpagos/jquery.fitvids.js"></script>
  603. <script type="text/javascript" src="http://static.tumblr.com/cbskbgp/aZ0mpb7vq/scripts.js"></script>
  604.  
  605. </head>
  606. <body>
  607.  
  608. <!-- start: Main Header Section -->
  609. <header>
  610. <div class="layerbg">
  611. <div class="container">
  612.  
  613. <!-- start: Logo, Title and Intro -->
  614. <div class="sixteen head-info">
  615. <div class="logo"><a href="/"><center><img src="{image:Logo}"></center></a></div>
  616. <div class="title"> <h1><a href="/">{Title}</a></h1></div>
  617. <div class="welcome-text">{block:Description}<div class="description">{Description}</div>{/block:Description}</div>
  618. </div>
  619. <!-- end: Logo, Title and Intro -->
  620.  
  621. </div>
  622. </div>
  623. </header>
  624. <!-- end: Main Header Section -->
  625.  
  626. <!-- start: Main Content Area -->
  627. <div class="content-wrap">
  628. <div class="container">
  629.  
  630. <!-- start: Navigation -->
  631. {block:IfShowNavigation}
  632. <div class="sixteen columns">
  633. <div class="navigation">
  634. <ul>
  635. {block:HasPages}
  636. {block:Pages}
  637. <li> <a href="{URL}">{Label}</a></li>
  638. {/block:Pages}
  639. {/block:HasPages}
  640. {block:IfShowRandomButton}<li><a href="/random">Random</a></li>{/block:IfShowRandomButton}
  641. {block:AskEnabled}<li><a href="/ask" title="{AskLabel}">{AskLabel}</li></a>{/block:AskEnabled}
  642. {block:SubmissionsEnabled}<li><a href="/submit" title="submissions">{text:Submissions Button Text}</li></a>{/block:SubmissionsEnabled}
  643. {block:IfShowArchiveButton}<li><a href="/archive" title="archive">{lang:Archive}</a></li>{/block:IfShowArchiveButton}
  644. {block:IfShowRSSButton}<li><a href="{RSS}" title="subscribe">{lang:RSS}</a></li>{/block:IfShowRSSButton}
  645. </ul>
  646. </div>
  647. </div>
  648. {/block:IfShowNavigation}
  649. <!-- end: Navigation -->
  650. <div class="sixteen columns">
  651.  
  652.  
  653. <!-- start: block of posts -->
  654. <!-- start: Search Bar -->
  655. {block:IfShowSearchBar}{block:SearchForm}
  656. <form class="search-container" action="/search" method="get">
  657. <input id="search-box" type="text" class="search-box" name="q" value="{SearchQuery}"/>
  658. <label for="search-box"><i class="fa fa-search search-icon"></i></label>
  659. <input type="submit" id="search-submit" />
  660. </form>
  661. {/block:SearchForm}{/block:IfShowSearchBar}
  662. <!-- end: Search Bar -->
  663. <!-- start: Search Results Post -->
  664. {block:SearchPage}
  665. <article class="post">
  666. <div class="padding">
  667. <hr>
  668. <h2 class="search-header">Search results for: <span>"{SearchQuery}"</span></h2>
  669. <hr>
  670. </div>
  671. </article>
  672. {/block:SearchPage}
  673. {block:NoSearchResults}
  674. <article class="post">
  675. <div class="padding">
  676. <hr>
  677. <p class="search-none-header">Sorry, no search results found.</p>
  678. <hr>
  679. </div>
  680. </article>
  681. {/block:NoSearchResults}
  682. <!--end: Search Results Post-->
  683. {block:Posts}
  684. <!-- start: Text Post -->
  685. {block:Text}
  686. <article class="post">
  687. <div class="padding">
  688.  
  689. <div class="post-content text-post">
  690. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  691. <p>{Body}</p>
  692. </div>
  693.  
  694. <div class="share-wrap">
  695. <div class="post-share">
  696. <ul>
  697. {block:IfPermalinkShareButtons}
  698. <li class="share-this">
  699. <a><i class="fa fa-share-square-o"></i></a></li>
  700. <ul class="global-share">
  701.  
  702. <li class="facebook">
  703. <a href="https://www.facebook.com/sharer.php?u={Permalink}">Facebook</a>
  704. </li>
  705.  
  706. <li class="twitter">
  707. <a href="https://twitter.com/intent/tweet?url={ShortURL}">Twitter</a>
  708. </li>
  709.  
  710. <li class="google">
  711. <a href="https://plusone.google.com/_/+1/confirm?hl=en&url={Permalink}">Google+</a>
  712. </li>
  713. </ul>{/block:IfPermalinkShareButtons}
  714. <li class="permalink"> <a href="{Permalink}"> <i class="fa fa-plus"></i></a> </li>
  715. <li>{LikeButton size="17"}</li>
  716. <li>{ReblogButton size="17"}</li>
  717. </ul>
  718. </div>
  719. <div class="shared-number">
  720. <ul>
  721. <li class="caption">{block:Caption} {/block:Caption}</li>
  722. <a href="{Permalink}"><li><span class="note-number">{NoteCountWithLabel}</span></li></a>
  723. </ul>
  724. </div>
  725. </div>
  726.  
  727. <div class="clear"></div>
  728.  
  729. <div class="post-page">
  730. {block:Posts}
  731. {PostNotes}
  732. {/block:Posts}
  733. </div>
  734.  
  735. </div>
  736. <hr>
  737. </article>
  738. {/block:Text}
  739. <!--end: Text Post-->
  740.  
  741.  
  742.  
  743.  
  744.  
  745. <!-- start: Quote Post -->
  746. {block:Quote}
  747. <article class="post">
  748. <div class="padding">
  749.  
  750. <div class="post-content">
  751. <div class="quote">
  752. <blockquote class="words {Length}">{Quote}</blockquote>
  753. {block:Source}<p class="source">&mdash; {Source}</p>{/block:Source}
  754. </div>
  755. </div>
  756.  
  757. <div class="share-wrap">
  758. <div class="post-share">
  759. <ul class="like_and_reblog_buttons">
  760. {block:IfPermalinkShareButtons}
  761. <li class="share-this">
  762. <a><i class="fa fa-share-square-o"></i></a></li>
  763. <ul class="global-share">
  764.  
  765. <li class="facebook">
  766. <a href="https://www.facebook.com/sharer.php?u={Permalink}">Facebook</a>
  767. </li>
  768.  
  769. <li class="twitter">
  770. <a href="https://twitter.com/intent/tweet?url={ShortURL}">Twitter</a>
  771. </li>
  772.  
  773. <li class="google">
  774. <a href="https://plusone.google.com/_/+1/confirm?hl=en&url={Permalink}">Google+</a>
  775. </li>
  776. </ul>{/block:IfPermalinkShareButtons}
  777.  
  778. <li class="permalink"> <a href="{Permalink}"> <i class="fa fa-plus"></i></a> </li>
  779. <li>{LikeButton size="17"} </li>
  780. <li>{ReblogButton size="17"} </li>
  781. </ul>
  782. </div>
  783.  
  784. <div class="shared-number">
  785. <ul>
  786. <li class="caption"></li>
  787. <a href="{Permalink}"><li><span class="note-number">{NoteCountWithLabel}</span></li></a>
  788. </ul>
  789. </div>
  790. <div class="clear"></div>
  791. </div>
  792.  
  793. <div class="post-page">
  794. {block:Posts}
  795. {PostNotes}
  796. {/block:Posts}
  797. </div>
  798.  
  799. </div>
  800. <hr>
  801. </article>
  802. {/block:Quote}
  803. <!--end: Quote Post-->
  804.  
  805.  
  806. <!-- start: Link Post -->
  807. {block:Link}
  808. <article class="post">
  809. <div class="padding">
  810.  
  811. <div class="post-content">
  812. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  813. {block:Description}<div class="link-caption">{Description}</div>{/block:Description}
  814. </div>
  815.  
  816. <div class="share-wrap">
  817. <div class="post-share">
  818. <ul>
  819. {block:IfPermalinkShareButtons}
  820. <li class="share-this">
  821. <a><i class="fa fa-share-square-o"></i></a></li>
  822. <ul class="global-share">
  823.  
  824. <li class="facebook">
  825. <a href="https://www.facebook.com/sharer.php?u={Permalink}">Facebook</a>
  826. </li>
  827.  
  828. <li class="twitter">
  829. <a href="https://twitter.com/intent/tweet?url={ShortURL}">Twitter</a>
  830. </li>
  831.  
  832. <li class="google">
  833. <a href="https://plusone.google.com/_/+1/confirm?hl=en&url={Permalink}">Google+</a>
  834. </li>
  835. </ul>{/block:IfPermalinkShareButtons}
  836.  
  837. <li class="permalink"> <a href="{Permalink}"> <i class="fa fa-plus"></i></a> </li>
  838. <li>{LikeButton size="17"} </li>
  839. <li>{ReblogButton size="17"} </li>
  840. </ul>
  841. </div>
  842. <div class="shared-number">
  843. <ul>
  844. <li class="caption"></li>
  845. <a href="{Permalink}"><li><span class="note-number">{NoteCountWithLabel}</span></li></a>
  846. </ul>
  847. </div>
  848. </div>
  849. <div class="clear"></div>
  850.  
  851. <div class="post-page">
  852. {block:Posts}
  853. {PostNotes}
  854. {/block:Posts}
  855. </div>
  856.  
  857. </div>
  858. <hr>
  859. </article>
  860. {/block:Link}
  861. <!--end: Link Post-->
  862.  
  863. <!-- start: Video Post -->
  864. {block:Video}
  865. <article class="post">
  866. <div class="padding">
  867.  
  868. <div class="post-content">
  869. <div class="video">
  870. {Video-500}
  871. </div>
  872.  
  873. <div class="cont-caption"> {block:Caption}{Caption}{/block:Caption} </div>
  874.  
  875. </div>
  876.  
  877. <div class="share-wrap">
  878. <div class="post-share">
  879. <ul>
  880. {block:IfPermalinkShareButtons}
  881. <li class="share-this">
  882. <a><i class="fa fa-share-square-o"></i></a></li>
  883. <ul class="global-share">
  884.  
  885. <li class="facebook">
  886. <a href="https://www.facebook.com/sharer.php?u={Permalink}">Facebook</a>
  887. </li>
  888.  
  889. <li class="twitter">
  890. <a href="https://twitter.com/intent/tweet?url={ShortURL}">Twitter</a>
  891. </li>
  892.  
  893. <li class="google">
  894. <a href="https://plusone.google.com/_/+1/confirm?hl=en&url={Permalink}">Google+</a>
  895. </li>
  896. </ul>{/block:IfPermalinkShareButtons}
  897.  
  898. <li class="permalink"> <a href="{Permalink}"> <i class="fa fa-plus"></i></a> </li>
  899. <li>{LikeButton size="17"} </li>
  900. <li>{ReblogButton size="17"} </li>
  901. </ul>
  902. </div>
  903. <div class="shared-number">
  904. <ul>
  905. <li class="caption"></li>
  906. <a href="{Permalink}"><li><span class="note-number">{NoteCountWithLabel}</span></li></a>
  907. </ul>
  908. </div>
  909. </div>
  910. <div class="clear"></div>
  911.  
  912. <div class="post-page">
  913. {block:Posts}
  914. {PostNotes}
  915. {/block:Posts}
  916. </div>
  917. </div>
  918. <hr>
  919. </article>
  920. {/block:Video}
  921. <!--end: Video Post-->
  922.  
  923.  
  924. <!-- start: Audio Post -->
  925. {block:Audio}
  926. <article class="post">
  927. <div class="padding">
  928.  
  929. <div class="post-content">
  930. <div class="audio">
  931. {block:AlbumArt}<img src="{AlbumArtURL}" alt="">{/block:AlbumArt}
  932. {AudioPlayerGrey}
  933. {block:Caption}<div class="cont-caption">{Caption}</div>{/block:Caption}
  934. </div>
  935. </div>
  936.  
  937. <div class="share-wrap">
  938. <div class="post-share">
  939. <ul>
  940. {block:IfPermalinkShareButtons}
  941. <li class="share-this">
  942. <a><i class="fa fa-share-square-o"></i></a></li>
  943. <ul class="global-share">
  944.  
  945. <li class="facebook">
  946. <a href="https://www.facebook.com/sharer.php?u={Permalink}">Facebook</a>
  947. </li>
  948.  
  949. <li class="twitter">
  950. <a href="https://twitter.com/intent/tweet?url={ShortURL}">Twitter</a>
  951. </li>
  952.  
  953. <li class="google">
  954. <a href="https://plusone.google.com/_/+1/confirm?hl=en&url={Permalink}">Google+</a>
  955. </li>
  956. </ul>{/block:IfPermalinkShareButtons}
  957.  
  958. <li class="permalink"> <a href="{Permalink}"> <i class="fa fa-plus"></i></a> </li>
  959. <li>{LikeButton size="17"} </li>
  960. <li>{ReblogButton size="17"} </li>
  961. </ul>
  962. </div>
  963. <div class="shared-number">
  964. <ul>
  965. <li class="caption"></li>
  966. <a href="{Permalink}"><li><span class="note-number">{NoteCountWithLabel}</span></li></a>
  967. </ul>
  968. </div>
  969. </div>
  970. <div class="clear"></div>
  971. <div class="post-page">
  972. {block:Posts}
  973. {PostNotes}
  974. {/block:Posts}
  975. </div>
  976. </div>
  977. <hr>
  978. </article>
  979. {/block:Audio}
  980. <!--end: Audio Post-->
  981.  
  982.  
  983. <!-- start: Photo Post -->
  984. {block:Photo}
  985. <article class="post">
  986. <div class="padding">
  987.  
  988. <div class="post-content">
  989. <div class="photo">
  990. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}
  991. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  992. </div>
  993. </div>
  994.  
  995. <div class="share-wrap">
  996. <div class="post-share">
  997. <ul>
  998. {block:IfPermalinkShareButtons}
  999. <li class="share-this">
  1000. <a><i class="fa fa-share-square-o"></i></a></li>
  1001. <ul class="global-share">
  1002.  
  1003. <li class="facebook">
  1004. <a href="https://www.facebook.com/sharer.php?u={Permalink}">Facebook</a>
  1005. </li>
  1006.  
  1007. <li class="twitter">
  1008. <a href="https://twitter.com/intent/tweet?url={ShortURL}">Twitter</a>
  1009. </li>
  1010.  
  1011. <li class="google">
  1012. <a href="https://plusone.google.com/_/+1/confirm?hl=en&url={Permalink}">Google+</a>
  1013. </li>
  1014. </ul>{/block:IfPermalinkShareButtons}
  1015.  
  1016. <li class="permalink"> <a href="{Permalink}"> <i class="fa fa-plus"></i></a> </li>
  1017. <li>{LikeButton size="17"} </li>
  1018. <li>{ReblogButton size="17"} </li>
  1019. </ul>
  1020. </div>
  1021. <div class="shared-number">
  1022. <ul>
  1023. <li class="caption"></li>
  1024. <a href="{Permalink}"><li><span class="note-number">{NoteCountWithLabel}</span></li></a>
  1025. </ul>
  1026. </div>
  1027. </div>
  1028. <div class="clear"></div>
  1029. <div class="post-page">
  1030. {block:Posts}
  1031. {PostNotes}
  1032. {/block:Posts}
  1033. </div>
  1034. </div>
  1035. <hr>
  1036. </article>
  1037. {/block:Photo}
  1038. <!--end: Photo Post-->
  1039.  
  1040. <!-- start: Photo Set Post -->
  1041. {block:Photoset}
  1042. <article class="post">
  1043. <div class="padding">
  1044.  
  1045. <div class="post-content">
  1046. <div class="photoset">
  1047.  
  1048. <div class="photoset-grid" data-layout="{PhotosetLayout}" data-id="photoset{PostID}">
  1049. {block:Photos}
  1050. <div class="photo">
  1051. {LinkOpenTag}<img src="{PhotoURL-HighRes}" data-fancybox-title="{Caption}"
  1052. {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes}
  1053. {block:Caption}alt="{Caption}"{/block:Caption} />{LinkCloseTag}
  1054. {block:Caption}
  1055. <div class="caption">{Caption}</div>
  1056. {/block:Caption}
  1057. </div>
  1058. {/block:Photos}
  1059. </div>
  1060. </div>
  1061. </div>
  1062.  
  1063. <div class="share-wrap">
  1064. <div class="post-share">
  1065. <ul>
  1066. {block:IfPermalinkShareButtons}
  1067. <li class="share-this">
  1068. <a><i class="fa fa-share-square-o"></i></a></li>
  1069. <ul class="global-share">
  1070.  
  1071. <li class="facebook">
  1072. <a href="https://www.facebook.com/sharer.php?u={Permalink}">Facebook</a>
  1073. </li>
  1074.  
  1075. <li class="twitter">
  1076. <a href="https://twitter.com/intent/tweet?url={ShortURL}">Twitter</a>
  1077. </li>
  1078.  
  1079. <li class="google">
  1080. <a href="https://plusone.google.com/_/+1/confirm?hl=en&url={Permalink}">Google+</a>
  1081. </li>
  1082. </ul>{/block:IfPermalinkShareButtons}
  1083.  
  1084. <li class="permalink"> <a href="{Permalink}"> <i class="fa fa-plus"></i></a> </li>
  1085. <li>{LikeButton size="17"} </li>
  1086. <li>{ReblogButton size="17"} </li>
  1087. </ul>
  1088. </div>
  1089. <div class="shared-number">
  1090. <ul>
  1091. <li class="caption"></li>
  1092. <a href="{Permalink}"><li><span class="note-number">{NoteCountWithLabel}</span></li></a>
  1093. </ul>
  1094. </div>
  1095. </div>
  1096. <div class="clear"></div>
  1097. <div class="post-page">
  1098. {block:Posts}
  1099. {PostNotes}
  1100. {/block:Posts}
  1101. </div>
  1102. </div>
  1103. <hr>
  1104. </article>
  1105. {/block:Photoset}
  1106. <!--end: Photo Set Post-->
  1107.  
  1108. <!-- start: Panorama Post -->
  1109. {block:Panorama}
  1110. <article class="post">
  1111. <div class="padding">
  1112.  
  1113. <div class="post-content">
  1114. <div class="photo">
  1115. {LinkOpenTag}
  1116. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  1117. {LinkCloseTag}
  1118. {block:Caption}
  1119. <div class="caption">{Caption}</div>
  1120. {/block:Caption}
  1121.  
  1122. </div>
  1123. </div>
  1124.  
  1125. <div class="share-wrap">
  1126. <div class="post-share">
  1127. <ul>
  1128. {block:IfPermalinkShareButtons}
  1129. <li class="share-this">
  1130. <a><i class="fa fa-share-square-o"></i></a></li>
  1131. <ul class="global-share">
  1132.  
  1133. <li class="facebook">
  1134. <a href="https://www.facebook.com/sharer.php?u={Permalink}">Facebook</a>
  1135. </li>
  1136.  
  1137. <li class="twitter">
  1138. <a href="https://twitter.com/intent/tweet?url={ShortURL}">Twitter</a>
  1139. </li>
  1140.  
  1141. <li class="google">
  1142. <a href="https://plusone.google.com/_/+1/confirm?hl=en&url={Permalink}">Google+</a>
  1143. </li>
  1144. </ul>{/block:IfPermalinkShareButtons}
  1145.  
  1146. <li class="permalink"> <a href="{Permalink}"> <i class="fa fa-plus"></i></a> </li>
  1147. <li>{LikeButton size="17"} </li>
  1148. <li>{ReblogButton size="17"} </li>
  1149. </ul>
  1150. </div>
  1151. <div class="shared-number">
  1152. <ul>
  1153. <li class="caption"></li>
  1154. <a href="{Permalink}"><li><span class="note-number">{NoteCountWithLabel}</span></li></a>
  1155. </ul>
  1156. </div>
  1157. </div>
  1158. <div class="clear"></div>
  1159. <div class="post-page">
  1160. {block:Posts}
  1161. {PostNotes}
  1162. {/block:Posts}
  1163. </div>
  1164. </div>
  1165. <hr>
  1166. </article>
  1167. {/block:Panorama}
  1168. <!--end: Panorama Post-->
  1169.  
  1170.  
  1171. <!-- start: Chat Post -->
  1172. {block:Chat}
  1173. <article class="post">
  1174. <div class="padding">
  1175.  
  1176. <div class="post-content">
  1177. {block:Title}
  1178. <h1><a href="{Permalink}">{Title}</a></h1>
  1179. {/block:Title}
  1180.  
  1181. <ul class="answer">
  1182. {block:Lines}
  1183. <li class="{Alt} user_{UserNumber}">
  1184. {block:Label}
  1185. <span class="label">{Label}</span>
  1186. {/block:Label}
  1187.  
  1188. {Line}
  1189. </li>
  1190. {/block:Lines}
  1191. </ul>
  1192. </div>
  1193.  
  1194. <div class="share-wrap">
  1195. <div class="post-share">
  1196. <ul>
  1197. {block:IfPermalinkShareButtons}
  1198. <li class="share-this">
  1199. <a><i class="fa fa-share-square-o"></i></a></li>
  1200. <div>
  1201. <ul class="global-share">
  1202.  
  1203. <li class="facebook">
  1204. <a href="https://www.facebook.com/sharer.php?u={Permalink}">Facebook</a>
  1205. </li>
  1206.  
  1207. <li class="twitter">
  1208. <a href="https://twitter.com/intent/tweet?url={ShortURL}">Twitter</a>
  1209. </li>
  1210.  
  1211. <li class="google">
  1212. <a href="https://plusone.google.com/_/+1/confirm?hl=en&url={Permalink}">Google+</a>
  1213. </li>
  1214. </ul></div>{/block:IfPermalinkShareButtons}
  1215.  
  1216. <li class="permalink"> <a href="{Permalink}"> <i class="fa fa-plus"></i></a> </li>
  1217. <li>{LikeButton size="17"} </li>
  1218. <li>{ReblogButton size="17"} </li>
  1219. </ul>
  1220. </div>
  1221. <div class="shared-number">
  1222. <ul>
  1223. <li class="caption"></li>
  1224. <a href="{Permalink}"><li><span class="note-number">{NoteCountWithLabel}</span></li></a>
  1225. </ul>
  1226. </div>
  1227. </div>
  1228. <div class="clear"></div>
  1229. <div class="post-page">
  1230. {block:Posts}
  1231. {PostNotes}
  1232. {/block:Posts}
  1233. </div>
  1234. </div>
  1235. <hr>
  1236. </article>
  1237. {/block:Chat}
  1238. <!--end: Chat Post-->
  1239.  
  1240. {/block:Posts}
  1241. <!-- end: block of posts -->
  1242.  
  1243. <!-- start: Disqus -->
  1244. {block:PermalinkPage}
  1245. {block:IfDisqusShortname}
  1246. {block:Permalink}
  1247.  
  1248. <div id="disqus_thread"></div>
  1249. <script type="text/javascript">
  1250. var disqus_shortname = '{text:Disqus Shortname}';
  1251. (function() {
  1252. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1253. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1254. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1255. })();
  1256. </script>
  1257. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  1258. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  1259.  
  1260. {/block:Permalink}
  1261. {/block:IfDisqusShortname}
  1262. {/block:PermalinkPage}
  1263.  
  1264. <!-- end: Disqus -->
  1265. </div>
  1266. </div>
  1267. </div>
  1268.  
  1269.  
  1270. <!-- start: Footer -->
  1271. <footer>
  1272. <div class="container">
  1273.  
  1274. <div class="sixteen columns">
  1275. {block:Pagination}
  1276. <div class="pagination">
  1277. {block:PreviousPage}<a class="prev" href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
  1278.  
  1279. {block:JumpPagination length="5"}
  1280. {block:CurrentPage}<span class="current-page">{PageNumber}</span>{/block:CurrentPage}
  1281. {block:JumpPage}<a class="jump-page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1282. {/block:JumpPagination}
  1283.  
  1284. {block:NextPage}<a class="next" href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  1285. </div>
  1286. {/block:Pagination}
  1287. </div>
  1288. <div class="sixteen columns copyright">
  1289. <!-- start: Social Bar -->
  1290. {block:IfShowSocialNavigation}
  1291.  
  1292. <div class="social">
  1293.  
  1294. {block:IfShowGooglePlusLink}<li class="ico"><a href="{text:Google Plus Link}"><i class="fa fa-google-plus"></i></a></li>{/block:IfShowGooglePlusLink}
  1295. {block:IfShowFacebookLink}<li class="ico"><a href="{text:Facebook Link}"><i class="fa fa-facebook"></i></a></li>{/block:IfShowFacebookLink}
  1296. {block:IfShowInstagramLink}<li class="ico"><a href="{text:Instagram Link}"><i class="fa fa-instagram"></i></a></li>{/block:IfShowInstagramLink}
  1297. {block:IfShowTwitterLink}<li class="ico"><a href="{text:Twitter Link}"><i class="fa fa-twitter"></i></a></li>{/block:IfShowTwitterLink}
  1298. {block:IfShowYoutubeLink}<li class="ico"><a href="{text:Youtube Link}"><i class="fa fa-youtube"></i></a></li>{/block:IfShowYoutubeLink}
  1299. {block:IfShowVimeoLink}<li class="ico"><a href="{text:Vimeo Link}"><i class="fa fa-vimeo"></i></a></li>{/block:IfShowVimeoLink}
  1300. {block:IfShowFlickrLink}<li class="ico"><a href="{text:Flickr Link}"><i class="fa fa-flickr"></i></a></li>{/block:IfShowFlickrLink}
  1301. {block:IfShowDribbbleLink}<li class="ico"><a href="{text:Dribbble Link}"><i class="fa fa-dribbble"></i></a></li>{/block:IfShowDribbbleLink}
  1302. {block:IfShowBehanceLink}<li class="ico"><a href="{text:Behance Link}"><i class="fa fa-behance"></i></a></li>{/block:IfShowBehanceLink}
  1303. {block:IfShowSoundcloudLink}<li class="ico"><a href="{text:Soundcloud Link}"><i class="fa fa-soundcloud"></i></a></li>{/block:IfShowSoundcloudLink}
  1304.  
  1305. </div>
  1306.  
  1307. {/block:IfShowSocialNavigation}
  1308. <!-- end: Social Bar -->
  1309. <p>
  1310. {block:IfShowCopyright}
  1311. &copy; {Title} {CopyrightYears}
  1312. {/block:IfShowCopyright}
  1313. <br>Theme by <a href="http://febril.co" target="_blank">Febril</a>
  1314. </p>
  1315. </div>
  1316. </div>
  1317. </footer>
  1318. <!-- end: Footer -->
  1319. <script src="http://static.tumblr.com/cbskbgp/6Dumpeplv/jquery.photoset-grid.js"></script>
  1320.  
  1321. <script>
  1322. $('.photoset-grid').photosetGrid({
  1323.  
  1324. width: '100%',
  1325. gutter: '5px',
  1326. highresLinks: true,
  1327. lowresWidth: 300,
  1328. rel: 'gallery-01',
  1329. onInit: function(){},
  1330. onComplete: function(){
  1331. $('.photoset-grid').css({
  1332. 'visiblity': 'visible'
  1333. });
  1334. }
  1335. });
  1336. </script>
  1337. <!-- Start of Tumblrbox Code -->
  1338. <script type='text/javascript'>
  1339. /*
  1340. * tumblrbox - Lightbox effect for Tumblr
  1341. * using FancyBox
  1342. *
  1343. * Copyright (c) 2011 Picuous
  1344. * Forked and edited by @FebrilCuevas
  1345. *
  1346. * Version: 1
  1347. *
  1348. * Licensed under the MIT license
  1349. * http://www.opensource.org/licenses/mit-license.php
  1350. */
  1351.  
  1352. ;(function() {
  1353.  
  1354. if(typeof(window.console) === "undefined" || typeof(window.console.log) === "undefined") {
  1355. window.console = {
  1356. debug: function() {},
  1357. log: function() {},
  1358. warn: function() {},
  1359. error: function() {}
  1360. }
  1361. }
  1362. console.debug('tumblrbox');
  1363.  
  1364. // Global variables
  1365. var otherlib = false;
  1366.  
  1367. if(typeof jQuery != 'undefined') {
  1368. //console.debug('This page is already using jQuery v'+jQuery.fn.jquery);
  1369. } else if (typeof $ == 'function') {
  1370. //console.debug('This page is using another $ library');
  1371. otherlib = true;
  1372. }
  1373.  
  1374. // more or less stolen form jquery core and adapted by paul irish
  1375. function load_file(url, success) {
  1376. var script;
  1377. if(url.match(/\.js$/)) {
  1378. script = document.createElement('script');
  1379. script.src = url;
  1380. script.type = 'text/javascript';
  1381. } else {
  1382. script = document.createElement('link');
  1383. script.rel = 'stylesheet';
  1384. script.type = 'text/css';
  1385. script.href = url;
  1386. }
  1387. var head = document.getElementsByTagName('head')[0],
  1388. done = false;
  1389. // Attach handlers for all browsers
  1390. script.onload=script.onreadystatechange = function() {
  1391. if(!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete') ) {
  1392. done = true;
  1393. if(success) {
  1394. success();
  1395. }
  1396. script.onload = script.onreadystatechange = null;
  1397. //head.removeChild(script);
  1398. }
  1399. };
  1400. head.appendChild(script);
  1401. }
  1402. load_file('http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js', function() {
  1403. if(typeof jQuery=='undefined') {
  1404. console.debug('Sorry, but jQuery wasn\'t able to load');
  1405. } else {
  1406. $ = jQuery.noConflict();
  1407. console.debug('loaded '+$.fn.jquery);
  1408. load_file('//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js', function() {
  1409. console.debug('loaded fancybox');
  1410.  
  1411. var $tumblr_pics = $('a[href*=".media.tumblr.com/"]>img[src*=".media.tumblr.com/"]').parent();
  1412. $tumblr_pics.fancybox({
  1413. helpers : {
  1414. overlay : {
  1415. css : {
  1416. 'background' : 'rgba(0, 0, 0, 0.95)'
  1417. }
  1418. }
  1419. }
  1420. });
  1421. $tumblr_pics.fancybox({
  1422. 'type': 'image',
  1423. 'padding': 0,
  1424. 'closeBtn': false,
  1425. 'autoCenter': true,
  1426. 'autoResize': true,
  1427. 'autoSize': true
  1428. });
  1429.  
  1430. console.debug($tumblr_pics.length+' tumblr pictures tumblrboxed');
  1431.  
  1432.  
  1433. // Flickr doesn't allow displaying its content as in an iframe
  1434. /*var $flickr_pics = $('a[href*="http://www.flickr.com/photos"]>img[src*="media.tumblr.com"]').parent();
  1435. $flickr_pics.fancybox({
  1436. 'type': 'iframe',
  1437. 'transitionIn': 'elastic',
  1438. 'transitionOut': 'elastic',
  1439. 'opacity': true,
  1440. 'titleShow': false,
  1441. 'padding': 0,
  1442. 'overlayShow': true
  1443. });
  1444. console.debug($flickr_pics.length+' flickr pictures tumblrboxed');*/
  1445. });
  1446. }
  1447. });
  1448.  
  1449. // Add CSS
  1450. load_file('//cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css');
  1451.  
  1452. })();
  1453.  
  1454. </script>
  1455. <!-- End of Tumblrbox Code -->
  1456. <script>
  1457. //intro scroll opacity change
  1458. function ChangeOpacity() {
  1459. var divs = $('header');
  1460. $(window).on('scroll', function() {
  1461. var st = $(this).scrollTop();
  1462. var ht = ($('header').height()-220);
  1463. divs.css({ 'opacity' : (1 - st/ht)});
  1464. });
  1465. }
  1466. function ResetOpacity() {
  1467. var divs = $('header');
  1468. $(window).on('scroll', function() {
  1469. divs.css({ 'opacity' : (1)});
  1470. });
  1471. }
  1472. $(document).ready(function() {
  1473. // Optimalisation: Store the references outside the event handler:
  1474. var $window = $(window);
  1475. function checkWidth() {
  1476. var windowsize = $window.width();
  1477. if (windowsize > 846) {
  1478. ChangeOpacity()
  1479. }
  1480. else {
  1481. ResetOpacity()
  1482. }
  1483. }
  1484. // Execute on load
  1485. checkWidth();
  1486. // Bind event listener
  1487. $(window).resize(checkWidth);
  1488. });
  1489.  
  1490. </script>
  1491. <script>
  1492. $('header .title h1 a:empty').addClass('no-after');
  1493.  
  1494. $(".post-share ul li a").click(function() {
  1495. $(this).parent().siblings(".global-share").fadeToggle();
  1496. });
  1497.  
  1498. $(document).ready( function() {
  1499. var metaHtml = $("meta[name='if:Show SearchBar']").prop("content");
  1500. if (metaHtml = 1) {
  1501. $( ".navigation ul" ).addClass( "nav-margin" );
  1502. }
  1503. });
  1504. </script>
  1505.  
  1506. <script type="text/javascript">
  1507. var _gaq = _gaq || [];
  1508. _gaq.push(['_setAccount', '{text:Google Analytics Id}']);
  1509. _gaq.push(['_trackPageview']);
  1510.  
  1511. (function() {
  1512. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  1513. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  1514. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  1515. })();
  1516. </script>
  1517.  
  1518. </body>
  1519. </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!