API tools faq
paste
Advertisement
kawaiibuu

Sweet Tooth

kawaiibuu
Feb 17th, 2015
13,987
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.24 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Sweet tooth
  4.  
  5. Started 6:14 PM JAN 13 / Made public FEB 17
  6.  
  7. Theme created by Jubilee © http://softwaring.tumblr.com
  8.  
  9. -->
  10. <!DOCTYPE HTML>
  11. <html><head>
  12. <meta charset="utf-8">
  13. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  14.  
  15. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,200,200italic,300italic,400italic,600,600italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
  16.  
  17. <title>
  18. {block:TagPage}{lang:Posts tagged Tag} — {/block:TagPage}
  19. {block:SearchPage}{lang:Search results for SearchQuery} —
  20. {/block:SearchPage}
  21. {block:IndexPage}
  22. {Title}
  23. {/block:IndexPage}
  24. {block:PermalinkPage}
  25. {Title}
  26. {/block:PermalinkPage}
  27. </title>
  28.  
  29. <link rel="shortcut icon" href="{Favicon}">
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31. {block:Description}
  32. <meta name="description" content="{MetaDescription}" />
  33. {/block:Description}
  34.  
  35. {block:Hidden}
  36. <meta name="color:background" content="#FFF"/>
  37. <meta name="color:background top" content="#D1D0EB"/>
  38. <meta name="color:background bottom" content="#fcebd5"/>
  39. <meta name="color:text" content="#262626"/>
  40. <meta name="color:text accent" content="#a5a5a5"/>
  41. <meta name="color:links" content="#0000FF"/>
  42. <meta name="color:links onclick" content="#FF0000"/>
  43. <meta name="color:title text" content="#fff3e3" />
  44. <meta name="color:title shadow" content="#eab7c5" />
  45. <meta name="color:borders" content="#efefef" />
  46. <meta name="color:captions background" content="#000" />
  47. <meta name="color:captions text" content="#FFF" />
  48. <meta name="color:tooltip text" content="#2B2B2B"/>
  49. <meta name="color:tooltip background" content="#F1E1D2"/>
  50. <meta name="color:selected text" content="#E9CED2"/>
  51. <meta name="color:selected text background" content="#FFF"/>
  52.  
  53. <meta name="image:about avatar" content=""/>
  54. <meta name="image:background" content=""/>
  55.  
  56. <meta name="if:tags" content="0" />
  57. <meta name="if:captions" content="0" />
  58.  
  59. <meta name="text:" content="" />
  60. <meta name="text:refresh title" content="home"/>
  61. <meta name="text:message title" content="contact"/>
  62. <meta name="text:tags title" content="tags" />
  63. <meta name="text:links title" content="navigation"/>
  64. <meta name="text:about title" content="profile"/>
  65. <meta name="text:archive title" content="index"/>
  66.  
  67. <meta name="text:about tab title" content="about"/>
  68. <meta name="text:about tab content" content=""/>
  69.  
  70. <meta name="text:message tab content" content=""/>
  71.  
  72. <meta name="text:tags tab title" content="tagged"/>
  73. <meta name="text:links tab title" content="links"/>
  74.  
  75. <meta name="text:link 1 title" content=""/>
  76. <meta name="text:link 1 url" content="" />
  77. <meta name="text:link 2 title" content="" />
  78. <meta name="text:link 2 url" content="" />
  79. <meta name="text:link 3 title" content="" />
  80. <meta name="text:link 3 url" content="" />
  81. <meta name="text:link 4 title" content="" />
  82. <meta name="text:link 4 url" content="" />
  83. <meta name="text:link 5 title" content="" />
  84. <meta name="text:link 5 url" content="" />
  85. <meta name="text:link 6 title" content="" />
  86. <meta name="text:link 6 url" content="" />
  87. <meta name="text:tag 1 title" content=""/>
  88. <meta name="text:tag 1 url" content="/tagged/" />
  89. <meta name="text:tag 2 title" content="" />
  90. <meta name="text:tag 2 url" content="/tagged/" />
  91. <meta name="text:tag 3 title" content="" />
  92. <meta name="text:tag 3 url" content="/tagged/" />
  93. <meta name="text:tag 4 title" content="" />
  94. <meta name="text:tag 4 url" content="/tagged/" />
  95. <meta name="text:tag 5 title" content="" />
  96. <meta name="text:tag 5 url" content="/tagged/" />
  97. <meta name="text:tag 6 title" content="" />
  98. <meta name="text:tag 6 url" content="/tagged/" />
  99.  
  100. <meta name="select:title shadow opacity" content="1" title="Solid" />
  101. <meta name="select:title shadow opacity" content="0.5" title="Half" />
  102. <meta name="select:title shadow opacity" content="0.25" title="Semi-Transparent" />
  103. <meta name="select:title shadow opacity" content="0" title="Transparent" />
  104.  
  105.  
  106. <meta name="select:background style" content="default" title="Default"/>
  107. <meta name="select:background style" content="fullscreen-background" title="Fullscreen Background"/>
  108. <meta name="select:background style" content="pattern-background" title="Tiled Background"/>
  109. <meta name="select:background style" content="gradient" title="Gradient"/>
  110.  
  111. {/block:Hidden}
  112.  
  113. <style>
  114. /* icon fonts - do not edit these! */
  115. @import url(http://weloveiconfonts.com/api/?family=entypo);
  116. [class*="entypo-"]:before {
  117. font-family: 'entypo', sans-serif;
  118. }
  119. /* theme controls */
  120. iframe#tumblr_controls {
  121. opacity: 0.4!important;
  122. top: 20px !important;
  123. margin: 0 0 0 0;
  124. right: 20px !important;
  125. position: fixed !important;
  126. padding: 0!important;
  127. -webkit-filter: invert(100%)!important;
  128. -moz-filter: invert(100%)!important;
  129. -o-filter: invert(100%)!important;
  130. -ms-filter: invert(100%)!important;
  131. filter: invert(100%)!important; }
  132. /* body styling */
  133. body {
  134. font: 12px/1em 'Source Sans Pro', sans-serif;
  135. -webkit-font-smoothing: antialiased;
  136. -moz-osx-font-smoothing: grayscale;
  137. color: {color:text};
  138. cursor: default; }
  139. /* background stylings */
  140. .default {
  141. background:{color:background}; }
  142.  
  143. .gradient {
  144. background:fixed;
  145. background-image: -o-linear-gradient(bottom, {color:background bottom}, {color:background top} );
  146. background-image: -moz-linear-gradient(bottom, {color:background bottom}, {color:background top});
  147. background-image: -webkit-linear-gradient(bottom, {color:background bottom}, {color:background top});
  148. background-image: -ms-linear-gradient(bottom, {color:background bottom}, {color:background top});
  149. background-image: linear-gradient(bottom, {color:background bottom}, {color:background top}); }
  150.  
  151. .pattern-background {
  152. background: url({image:background})top left fixed repeat; }
  153.  
  154. .fullscreen-background {
  155. background: url({image:background})center center fixed no-repeat;
  156. -webkit-background-size: cover;
  157. -moz-background-size: cover;
  158. -o-background-size: cover;
  159. background-size: cover; }
  160.  
  161. /* links */
  162. a, a:visited { color: {color:links}; cursor: help; text-decoration:none; }
  163. a:active { color: {color:links onclick}; }
  164. /* blockquotes and list */
  165. .body blockquote {
  166. margin: 5px;
  167. border-left: 1px solid #efefef;
  168. padding: 0 0 0 10px;
  169. -webkit-transition: all 1s ease-in-out;
  170. -moz-transition: all 1s ease-in-out;
  171. -ms-transition: all 1s ease-in-out;
  172. -o-transition: all 1s ease-in-out;
  173. transition: all 1s ease-in-out; }
  174. .body blockquote:hover {
  175. border-left: 1px solid black;
  176. -webkit-transition: all 0.5s ease-in-out;
  177. -moz-transition: all 0.5s ease-in-out;
  178. -ms-transition: all 0.5s ease-in-out;
  179. -o-transition: all 0.5s ease-in-out;
  180. transition: all 0.5s ease-in-out; }
  181. .body ul {
  182. margin: 0; }
  183. .body li {
  184. margin: 0;
  185. list-style: none;
  186. border-left: 1px solid #efefef;
  187. padding: 0 0 0 10px;
  188. -webkit-transition: all 1s ease-in-out;
  189. -moz-transition: all 1s ease-in-out;
  190. -ms-transition: all 1s ease-in-out;
  191. -o-transition: all 1s ease-in-out;
  192. transition: all 1s ease-in-out;}
  193. .body li:hover {
  194. border-left: 1px solid black;
  195. -webkit-transition: all 0.5s ease-in-out;
  196. -moz-transition: all 0.5s ease-in-out;
  197. -ms-transition: all 0.5s ease-in-out;
  198. -o-transition: all 0.5s ease-in-out;
  199. transition: all 0.5s ease-in-out; }
  200. /* main wrapper */
  201. #wrapper {
  202. {block:IndexPage}width: 1200px;{/block:IndexPage}
  203. {block:PermalinkPage}width: 400px;{/block:PermalinkPage}
  204. margin: 95px auto; }
  205. /* posts */
  206. #post {
  207. {block:IndexPage}width: 300px; margin: 50px;{/block:IndexPage}
  208. {block:PermalinkPage}width: 400px; margin: 50px 0px;{/block:PermalinkPage}
  209. position: relative; }
  210. #post img {
  211. width: 100%; }
  212. /* post titles */
  213. h2 {
  214. text-transform: uppercase;
  215. text-align: center;
  216. font: 18px 'Source Sans Pro', sans-serif;
  217. font-weight: 300;
  218. margin: 0 0 10px 0; }
  219. /* question stylings */
  220. .question {
  221. background: {color:question background};
  222. color: {color:question text};
  223. }
  224. .asker {
  225. text-transform: uppercase;
  226. font: 8px/2em 'calibri', sans-serif; letter-spacing: 2px;
  227. padding: 5px;
  228. margin: 5px 0px 0px;
  229. border-bottom: 1px solid {color:question text};
  230. color: {color:question text}; }
  231. .answerer {
  232. text-transform: uppercase;
  233. font: 8px/2em 'calibri', sans-serif; letter-spacing: 2px;
  234. padding: 5px;
  235. margin: 5px 0px 0px;
  236. border-bottom: 1px solid {color:question reply text};
  237. color: {color:question reply text}; }
  238. .answerer a {
  239. color: {color:question reply text};
  240. border: none; }
  241. .asker-question, .answerer-answer {
  242. text-align: justify;
  243. margin: 0px 0px 5px;
  244. padding: 10px 15px;
  245. border: 1px solid transparent;
  246. border-top: none; }
  247. .answererd {
  248. background: {color:question reply background};
  249. color: {color:question reply text}; }
  250. .answererd:before {
  251. content: "▲";
  252.  
  253. position:absolute;
  254. margin: -13px 10px;
  255. color: {color:question reply background};
  256. font-size: 18px; }
  257. /* chat labels */
  258. .label {
  259. text-transform: uppercase;
  260. text-align: center;
  261. margin-top: 10px;
  262. margin-bottom: 5px; }
  263. /* link caption stylings */
  264. .caption_holder .caption .tumblr_blog {
  265. font: 8px 'calibri', sans-serif; letter-spacing: 2px;
  266. text-transform: uppercase;
  267. border-bottom: 1px solid {color:captions text};
  268. color: {color:captions text};
  269. background: {color:captions background};
  270. padding: 2.5px 10px; left: 0px;
  271. position:absolute; width: calc(100% - 20px); }
  272. .caption_holder .caption .tumblr_blog:active {
  273. }
  274. .caption .tumblr_blog {
  275. text-transform: uppercase;}
  276. /* permalink stylings */
  277. .permalinks {
  278. position:absolute;
  279. margin-top: 5px;
  280.  
  281. font: 10px 'calibri', sans-serif; letter-spacing: 1px;
  282. text-transform: uppercase;
  283.  
  284. width: 300px;
  285. opacity: 0;
  286.  
  287. -webkit-transition: all 1s ease-in-out;
  288. -moz-transition: all 1s ease-in-out;
  289. -ms-transition: all 1s ease-in-out;
  290. -o-transition: all 1s ease-in-out;
  291. transition: all 1s ease-in-out; }
  292. #post:hover .permalinks {
  293. opacity: 1;
  294.  
  295. -webkit-transition: all 0.5s ease-in-out;
  296. -moz-transition: all 0.5s ease-in-out;
  297. -ms-transition: all 0.5s ease-in-out;
  298. -o-transition: all 0.5s ease-in-out;
  299. transition: all 0.5s ease-in-out; }
  300.  
  301. .caption {
  302.  
  303. }
  304. .audiod {
  305. background: white;
  306. color: black;
  307. padding: 5px;
  308. }
  309. /* tooltip styling */
  310. .ui-tooltip {
  311. z-index: 1000000;
  312. position: absolute; }
  313. .ui-tooltip-content {
  314. max-width: 225px;
  315. margin: 5px 15px;
  316. padding: 2.5px 10px;
  317. border: 1px solid {color:borders};
  318. background: {color:tooltip background};
  319. color: {color:tooltip text};
  320. font: 8px/2em 'calibri', sans-serif;
  321. text-transform: uppercase;
  322. letter-spacing: 2px;
  323. -webkit-border-radius: 5px;
  324. -webkit-border-top-left-radius: 0;
  325. -moz-border-radius: 5px;
  326. -moz-border-radius-topleft: 0;
  327. border-radius: 5px;
  328. border-top-left-radius: 0; }
  329. ::selection {
  330. background: {color:selected text background};
  331. color: {color:selected text}; }
  332. ::-moz-selection {
  333. background: {color:selected text background};
  334. color: {color:selected text}; }
  335. ::-webkit-selection {
  336. background: {color:selected text background};
  337. color: {color:selected text}; }
  338.  
  339. #sidebar {
  340. position:absolute;
  341. top: 0px;
  342. left: 0px;
  343. text-align: center;
  344. padding: 25px 0;
  345. width: 100%;}
  346.  
  347. #sidebar h1 {
  348. margin: 0;
  349. font: 36px Helvetica, sans-serif;
  350. color: {color:title text};
  351. text-shadow: 2px 3px rgba({RGBcolor:title shadow}, {select:title shadow opacity}); }
  352.  
  353. /* tag page title */
  354. .tagpage {
  355. position:absolute;
  356. margin-top: 15px;
  357. }
  358. .tagpage h2 {
  359. font-size: 14px;
  360. }
  361. /* permalink page stylings */
  362. .pagenotes, .pagenotes img {
  363. display:none; }
  364. .pagenotes li {
  365. border-bottom: 1px solid {color:text};
  366. padding: 5px 10px; margin-left: -20px; }
  367. .pagenotes li:nth-child(even) {
  368. border-bottom: 1px dotted {color:text}f; }
  369. .pagenotes li:last-child {
  370. border-bottom: 1px solid transparent; }
  371. .pstyle {
  372. text-transform: uppercase;
  373. font: 10px/2em 'Calibri', sans-serif;
  374. letter-spacing:1px;
  375. margin-top: 5px;
  376. border-top: 1px solid {color:text};
  377. padding: 5px 0px; }
  378. .pstyle span {
  379. margin-right: 10px;
  380. margin-left: 5px; }
  381.  
  382. .caption_holder {
  383. width: 100%;
  384. height: calc(100% - 2px);
  385. background: linear-gradient(180deg, rgba({RGBcolor:captions background}, 1), rgba({RGBcolor:captions background}, 0.8), rgba({RGBcolor:captions background}, 0.25));
  386. position: absolute;
  387. z-index: 99;
  388. opacity: 0;
  389. color: {color:captions text};
  390. display:inline-flex;
  391. display: -webkit-flex;
  392. -moz-transition: all 2s ease-in-out;
  393. -ms-transition: all 2s ease-in-out;
  394. -o-transition: all 2s ease-in-out;
  395. transition: all 2s ease-in-out; }
  396. .caption_holder a {
  397. color: {color:captions text}; }
  398. .caption_holder li {
  399. list-style: square; text-align: justify; }
  400. #post:hover .caption_holder {
  401. opacity: 1;
  402. -moz-transition: all 0.55s ease-in-out;
  403. -ms-transition: all 0.55s ease-in-out;
  404. -o-transition: all 0.55s ease-in-out;
  405. transition: all 0.55s ease-in-out }
  406. .caption_holder .caption {
  407. opacity: 0;
  408. margin:5px auto;
  409. text-align: center;
  410. width:220px;
  411. padding: 10px;
  412. font-size: 12px;
  413. line-height: 1.5em;
  414. max-height: 75%;
  415. overflow-y: auto;
  416. -moz-transition: all 2s ease-in-out;
  417. -ms-transition: all 2s ease-in-out;
  418. -o-transition: all 2s ease-in-out;
  419. transition: all 2s ease-in-out;}
  420. #post:hover .caption_holder .caption {
  421. opacity: 1;
  422. -moz-transition: all 1.1s ease-in-out;
  423. -ms-transition: all 1.1s ease-in-out;
  424. -o-transition: all 1.1s ease-in-out;
  425. transition: all 1.1s ease-in-out; }
  426. .perm {
  427. font: 10px 'calibri', sans-serif;
  428. letter-spacing: 2px;
  429. position:absolute;
  430. padding: 5px 15px;
  431. text-align: left;
  432. width: calc(100% - 30px); }
  433. .perm li {
  434. border: none;
  435. list-style: none;
  436. text-transform: uppercase;
  437. display: inline-block;
  438. padding: 5px 0px;
  439.  
  440. -webkit-transition: all 1s ease-in-out;
  441. -moz-transition: all 1s ease-in-out;
  442. -ms-transition: all 1s ease-in-out;
  443. -o-transition: all 1s ease-in-out;
  444. transition: all 1s ease-in-out;}
  445. .perm li:nth-child(2) {
  446. margin-left: 5px;}
  447. #sideb {
  448. position:fixed;
  449. bottom: 0px;
  450. left: 0px;
  451. padding: 10px 20px;
  452. z-index: 10000;
  453. width: calc(100% - 40px);
  454. text-align: right; }
  455. #sideb li {
  456. text-transform: uppercase;
  457. font-size: 14px;
  458. letter-spacing: 2px;
  459. display: inline-block;
  460. margin-left: 15px;
  461. }
  462. #screen {
  463. display:none;
  464. width: 100%;
  465. height: 100%;
  466. left: 0px; top: 0px;
  467. position:fixed;
  468. z-index: 9999;
  469. opacity: 0.75;
  470. }
  471. #contactbox, #intbox, #extbox, #probox {
  472. display:none;
  473. width: 360px;
  474. position:fixed;
  475. top: 20%;
  476. left: 50%;
  477. margin-left: -200px;
  478. padding: 20px;
  479. z-index: 1000000000000;
  480. }
  481. #intbox li, #extbox li {
  482. width: 45%; display: inline-block;
  483. padding: 5px; margin-right: 6px;
  484. text-transform: uppercase;
  485. font-size: 10px;
  486. letter-spacing: 1px;
  487. }
  488. #intbox li span, #extbox li span {
  489. float: right;
  490. }
  491. /*custom css*/
  492. {CustomCSS}
  493. </style></head>
  494. <body class="{select:background style}">
  495. <div id="sidebar" class="{select:background style}">
  496. <h1 style="margin-bottom: 10px; {block:TagPage}display:none;{/block:TagPage}">
  497. {Title}
  498. </h1>
  499. {block:TagPage}
  500. <h1>{lang:Posts tagged Tag}</h1>
  501. {/block:TagPage}
  502. </div>
  503.  
  504. <div id="sideb" class="{select:background style}">
  505.  
  506. {block:ifrefreshtitle}
  507. <a href="/"><li>{text:refresh title}</li></a>
  508. {/block:ifrefreshtitle}
  509. {block:ifmessagetitle}
  510. <a class="contact"><li>{text:message title}</li></a>
  511. {/block:ifmessagetitle}
  512. {block:iftagstitle}
  513. <a class="int"><li>{text:tags title}</li></a>
  514. {/block:iftagstitle}
  515. {block:iflinkstitle}
  516. <a class="ext"><li>{text:links title}</li></a>
  517. {/block:iflinkstitle}
  518. {block:ifabouttitle}
  519. <a class="pro"><li>{text:about title}</li></a>
  520. {/block:ifabouttitle}
  521. {block:ifarchivetitle}
  522. <a href="/archive"><li>{text:archive title}</li></a>
  523. {/block:ifarchivetitle}
  524.  
  525. {block:Pagination}
  526. <li style="float: left;">
  527. {block:NextPage}
  528. <div id="clicker" style="color: {color:links}; cursor: pointer;">
  529. load previous posts
  530. <a href="{NextPage}" id="nextpage" style="display: none;">next</a>
  531. {/block:NextPage}
  532. </div>
  533. </li>
  534. {/block:Pagination}
  535. </div>
  536.  
  537. <div id="screen" class="{select:background style}">
  538.  
  539. <div id="sidebar">
  540. <h1 style="margin-bottom: 10px;"> {Title} </h1>
  541. </div>
  542.  
  543. </div>
  544.  
  545. <div id="contactbox" class="{select:background style}">
  546. <h2>{AskLabel}</h2>
  547. {block:ifmessagetabcontent}
  548. {text:messagetabcontent}
  549. {/block:ifmessagetabcontent}
  550. <iframe frameborder="0" scrolling="no" width="100%" height="250" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  551. </div>
  552. <div id="intbox" class="{select:background style}">
  553. {block:iftagstabtitle}
  554. <h2>{text:tags tab title}</h2>
  555. {/block:iftagstabtitle}
  556. <li><a href="{text:tag 1 url}">{text:tag 1 title}</a></li>
  557. <li><a href="{text:tag 2 url}">{text:tag 2 title}</a></li>
  558. <li><a href="{text:tag 3 url}">{text:tag 3 title}</a></li>
  559. <li><a href="{text:tag 4 url}">{text:tag 4 title}</a></li>
  560. <li><a href="{text:tag 5 url}">{text:tag 5 title}</a></li>
  561. <li><a href="{text:tag 6 url}">{text:tag 6 title}</a></li>
  562. </div>
  563. <div id="extbox" class="{select:background style}">
  564. {block:iflinkstabtitle}<h2>{text:links tab title}</h2> {/block:iflinkstabtitle}
  565. <li><a href="{text:link 1 url}">{text:link 1 title}</a></li>
  566. <li><a href="{text:link 2 url}">{text:link 2 title}</a></li>
  567. <li><a href="{text:link 3 url}">{text:link 3 title}</a></li>
  568. <li><a href="{text:link 4 url}">{text:link 4 title}</a></li>
  569. <li><a href="{text:link 5 url}">{text:link 5 title}</a></li>
  570. <li><a href="{text:link 6 url}">{text:link 6 title}</a></li>
  571. </div>
  572. <div id="probox" class="{select:background style}">
  573. {block:ifaboutavatarimage}<center><img src="{image:about avatar}"style="width: 150px; height: 150px; border-radius: 100%;"></center>{/block:ifaboutavatarimage}
  574. {block:ifabouttabtitle}
  575. <h2>{text:about tab title}</h2>
  576. {/block:ifabouttabtitle}
  577. {block:ifabouttabcontent}
  578. {text:about tab content}
  579. {/block:ifabouttabcontent}
  580. </div>
  581.  
  582.  
  583.  
  584. <div id="wrapper">
  585.  
  586.  
  587. {block:Posts}
  588. <!-- the area below removes the VIA and SOURCES of posts -->
  589. {block:ContentSource}
  590. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  591. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  592. {/block:SourceLogo}
  593. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  594. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  595. <div id="post">
  596.  
  597. {block:Text}
  598. {block:Title}
  599. <h2>{Title}</h2>
  600. {/block:Title}
  601. <div class="body">
  602. {Body}
  603. </div>
  604. {block:More}
  605. {/block:More}
  606. {/block:Text}
  607.  
  608. {block:Photo}
  609. {block:IndexPage}
  610. <div class="caption_holder">
  611. <div class="perm">
  612. <li><a href="{Permalink}" title="{lang:This post has NoteCount notes}">{NoteCount}</a></li>
  613. <li><a href="{ReblogURL}" target="_blank" class="details">reblog</a></li>
  614. </div>
  615. {block:caption}
  616. <div class="caption"> {Caption} </div>
  617. {/block:caption}
  618.  
  619. </div>{/block:IndexPage}
  620. {block:PermalinkPage}
  621. {LinkOpenTag}
  622. {/block:PermalinkPage}
  623.  
  624. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  625.  
  626. {block:PermalinkPage}
  627. {LinkCloseTag}
  628. {/block:PermalinkPage}
  629. {block:IndexPage}
  630. </a>
  631. {/block:IndexPage}
  632. {/block:Photo}
  633.  
  634. {block:Panorama}
  635. {LinkOpenTag}
  636. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  637. {LinkCloseTag}
  638. {/block:Panorama}
  639.  
  640. {block:Quote}
  641. <h2 style="font-size: 14px;">{Quote}</h2>
  642. {block:Source}
  643. <div class="body" style="text-align: right;">
  644. &mdash; {Source}
  645. </div>
  646. {/block:Source}
  647. {/block:Quote}
  648.  
  649. {block:Link}
  650. <h2><a href="{URL}" class="link" {Target}>{Name}</a></h2>
  651.  
  652. {block:Description}
  653. {Description}
  654. {/block:Description}
  655. {/block:Link}
  656.  
  657. {block:Chat}
  658. {block:Title}
  659. <h2>{Title}</h2>
  660. {/block:Title}
  661.  
  662. {block:Lines}
  663. <li class="{Alt} user_{UserNumber}" style="list-style:none;">
  664. {block:Label}
  665. <div class="label">{Label}</div>
  666. {/block:Label}
  667. {Line}
  668. </li>
  669. {/block:Lines}
  670. {/block:Chat}
  671.  
  672. {block:Video}
  673. <center>{Video-250}</center>
  674. {/block:Video}
  675.  
  676. {block:Audio}
  677. <div class="audiod">
  678. {block:AlbumArt}
  679. <img src="{AlbumArtURL}"
  680. style="width: 55px; height: 55px; background: #efefef; margin-right: 5px; margin-bottom: -4px;"/>
  681. {/block:AlbumArt}
  682. <div style="width: 100px; overflow: hidden; position:absolute; margin-top: -40px; margin-left:55px;">{AudioPlayerWhite}</div>
  683. </div>
  684. {block:TrackName}
  685. <div class="audiod" style="margin-top: 5px;">
  686. {TrackName} <span class="entypo-note" style="float: right;"></span>
  687. </div>
  688. {/block:TrackName}
  689. {block:Artist}
  690. <div class="audiod" style="margin-top: 5px;">
  691. {Artist} <span class="entypo-palette" style="float: right;"></span>
  692. </div>
  693. {/block:Artist}
  694. {block:PlayCount}
  695. <div class="audiod" style="margin-top: 5px;">
  696. {PlayCountWithLabel} <span class="entypo-note-beamed" style="float: right;"></span>
  697. </div>
  698. {/block:PlayCount}
  699. {/block:Audio}
  700.  
  701. {block:Answer}
  702. <div class="question">
  703. <div class="asker">
  704. {lang:Asker asked}
  705. </div>
  706.  
  707. <div class="asker-question">
  708. {Question}
  709. </div>
  710. </div>
  711.  
  712. <div class="answererd">
  713. {block:Answerer}
  714. <div class="answerer">
  715. {Answerer} {lang:Replies}
  716. </div>
  717. <div class="answerer-answer">
  718. {Answer}
  719. </div>
  720. {/block:Answerer}
  721.  
  722. <div style="padding: 10px;">{Replies}</div>
  723. </div>
  724. {/block:Answer}
  725.  
  726. {block:Photoset}
  727. <div class="photoset-grid" data-layout="{PhotosetLayout}">
  728. {block:PermalinkPage}
  729. {LinkOpenTag}
  730. {/block:PermalinkPage}
  731. {block:Photos}
  732. <img src="{PhotoURL-500}"
  733. {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes}
  734. {block:Caption}alt="{Caption}"{/block:Caption} />
  735. {/block:Photos}
  736. {block:PermalinkPage}
  737. {LinkCloseTag}
  738. {/block:PermalinkPage}
  739. </div>
  740. {/block:Photoset}
  741.  
  742.  
  743. {block:IndexPage}
  744. {block:Caption}
  745. <div class="caption" style="{block:Photo}display:none;{block:Photo} {block:ifnotcaptions}display:none;{block:ifnotcaptions}">{Caption}</div>
  746. {/block:Caption}
  747. {block:date}
  748. <div class="permalinks" style="{block:Photo}display:none;{block:Photo}">
  749. <a href="{ReblogURL}" target="_blank" class="details" style="float: right;">reblog</a>
  750. <a href="{Permalink}" title="{lang:This post has NoteCount notes}">{NoteCount} <span class="entypo-heart-empty"></span></a> <a href="{Permalink}" title="{TimeAgo}">{ShortMonth} {DayofMonth}</a>
  751. {block:HasTags}
  752. <div class="tagged" style="{block:ifnottags}display:none;{block:ifnottags}">
  753. <small style="font-size: 9px;">{lang:Filed under}</small>
  754. {block:Tags}
  755. <a href="{TagURL}" target="blank">#{Tag}</a>
  756. {/block:Tags}
  757. </div>
  758. {/block:HasTags}
  759. </div>{/block:date}
  760. {/block:IndexPage}
  761. {block:PermalinkPage}
  762. {block:Caption}
  763. <div class="caption">{Caption}</div>
  764. {/block:Caption}
  765. <div class="pstyle">
  766. <li style="list-style:none;"><span class="entypo-back-in-time" style="margin-right: 11px;"></span>{TimeAgo} on {Month} {DayofMonth}{DayofMonthSuffix} {Year}</li>
  767. <li style="list-style:none;"><span class="entypo-chart-line"></span>{NoteCountWithLabel}</li>
  768. {block:HasTags}
  769. <li style="list-style:none;"><span class="entypo-flag"></span>{block:Tags}<a href="{TagURL}" title="see more posts tagged {Tag}">#{Tag}</a>{/block:Tags}</li>
  770. {/block:HasTags}
  771. {block:RebloggedFrom}
  772. <li style="list-style:none;"><span class="entypo-link" style="margin-right: 12px;"></span><a href="{ReblogParentURL}">{ReblogParentName}</a></li>
  773. <li style="list-style:none;"><span class="entypo-location" style="margin-right: 16px;"></span><a href="{ReblogRootURL}">{ReblogRootName}</a></li>{/block:RebloggedFrom}
  774. {block:PermalinkPagination}
  775. <div style="margin-top: 5px; border-top: 1px solid {color:text}; padding: 5px 5px 0px 5px; text-align: left;">
  776. {block:PreviousPost}
  777. <a href="{PreviousPost}">
  778. {lang:Previous post}
  779. </a>
  780. {/block:PreviousPost}
  781.  
  782. {block:NextPost}
  783. <a href="{NextPost}" style="float: right;">
  784. {lang:Next post}
  785. </a>
  786. {/block:NextPost}
  787. </div>
  788. {/block:PermalinkPagination}
  789. {block:PostNotes}<div style="margin-top: 5px; border-top: 1px solid {color:text}; padding-top: 5px; text-align: center;"><a class="notes" style="text-transform: uppercase;">{lang:show} {notecountwithlabel}</a></div> <div class="pagenotes">{PostNotes}</div>{/block:PostNotes}
  790. </div>
  791. {/block:PermalinkPage}
  792.  
  793. </div>
  794. {/block:Posts}
  795. </div>
  796. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><script src="http://static.tumblr.com/mviqmwg/XyYn59y3a/jquery.photoset-grid.min.js"></script><script src="http://static.tumblr.com/mqkrxog/MwWni3hs1/jquery-ui_1_.js"></script>
  797. <script type="text/javascript">
  798. $(document).ready(function(){
  799. $("a.contact").click(function(){
  800. $("#screen").fadeIn(400);
  801. $("#contactbox").fadeIn(1000);
  802. $("#intbox, #extbox, #probox").fadeOut(400);
  803. }); // softwaring
  804. $("a.int").click(function(){
  805. $("#screen").fadeIn(400);
  806. $("#intbox").fadeIn(1000);
  807. $("#contactbox, #extbox, #probox").fadeOut(400);
  808. }); // softwaring
  809. $("a.ext").click(function(){
  810. $("#screen").fadeIn(400);
  811. $("#extbox").fadeIn(1000);
  812. $("#contactbox, #intbox, #probox").fadeOut(400);
  813. });
  814. $("a.pro").click(function(){
  815. $("#screen").fadeIn(400);
  816. $("#probox").fadeIn(1000);
  817. $("#contactbox, #intbox, #extbox").fadeOut(400);
  818. });
  819. $("#screen").click(function(){
  820. $("#screen").animate({opacity:"toggle"}, 400);
  821. $("#contactbox, #intbox, #extbox, #probox").fadeOut(400);
  822. });
  823. $("a.notes").click(function(){
  824. $(".pagenotes").animate({opacity:"toggle", height: "toggle"}, 300);
  825. });
  826. $('.photoset-grid').photosetGrid({
  827. rel: $('.photoset-grid').attr("data-id"),
  828. gutter: '1px',
  829.  
  830. onComplete: function(){
  831. $('.photoset-grid').css({
  832. 'visibility': 'visible'
  833. }); }
  834. });
  835. });
  836. $(function() {
  837. $(document).tooltip({
  838. track:true
  839. }); });
  840. </script>
  841. <script src="http://static.tumblr.com/mqkrxog/293nfwao1/masonry.js"></script>
  842. <script src="http://static.tumblr.com/mqkrxog/7g3nfwaof/masonry1.js"></script>
  843. <script src="http://static.tumblr.com/mqkrxog/y5Ongpsyr/infinite.js"></script>
  844. <script type="text/javascript">
  845. $(document).ready(function() {
  846. var $container = $('#wrapper');
  847. $container.imagesLoaded( function(){
  848. $container.masonry({
  849. itemSelector: '#post'
  850. });
  851. });
  852. $container.infinitescroll({
  853. loading: {
  854. selector: null,
  855. speed: 'fast',
  856. start: undefined
  857. },
  858. navSelector : 'a#nextpage',
  859. nextSelector : 'a#nextpage',
  860. itemSelector : '#post',
  861. bufferPx : 1250
  862. },
  863. function( newElements ) {
  864. var $newElems = $( newElements );
  865. $newElems.hide();
  866. $newElems.imagesLoaded(function(){
  867. $container.masonry( 'appended', $newElems, {isAnimated: true}, function(){$newElems.animate({opacity:'toggle' }, 800);});
  868. });
  869. });
  870. jQuery(window).unbind('.infscr');
  871. jQuery('#clicker').click(function(){
  872. jQuery('#wrapper').infinitescroll('retrieve');
  873. return false;
  874. });
  875. });
  876. </script>
  877. </body>
  878. </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!