API tools faq
paste
Advertisement
creamify

KAFÉE THEME

creamify
Jan 19th, 2013
441
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.33 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2.  
  3. <html lang="en">
  4. <head>
  5.  
  6.  
  7. <!--
  8.  
  9. ✧ "Banner" is a theme for Tumblr.com, designed by
  10.  
  11. ✧ JASON LUCAS
  12.  
  13. ✧ http://andbamnan.tumblr.com
  14.  
  15. ✧ http://banner-theme.tumblr.com
  16. ✧ http://www.tumblr.com/theme/33352
  17.  
  18.  
  19.  
  20.  
  21. >> THEME TWEAKED BY
  22. >> ---------------------------------------------
  23. >> HTTP://THEMESBYC.TUMBLR.COM ||| HTTP://CREAMIFY.TUMBLR.COM
  24.  
  25.  
  26. -->
  27.  
  28.  
  29.  
  30. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  31. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  32.  
  33. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}</title>
  34.  
  35. <meta name="description" content="{block:IndexPage}{block:Description}{MetaDescription}{/block:Description}{/block:IndexPage}{block:PermalinkPage}{PostSummary}{/block:PermalinkPage}" />
  36. <meta name="author" content="Jason Lucas" />
  37.  
  38. <meta property="og:image" content="{block:Posts}{block:Photo}{PhotoURL-250}{/block:Photo}{/block:Posts}">
  39. <meta property="og:title" content="An entry from {Title}{block:PostTitle} - '{PostTitle}'{/block:PostTitle}, powered by Tumblr.com">
  40.  
  41. <link rel="shortcut icon" href="{Favicon}" />
  42. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  43. <link rel="stylesheet" href="http://static.tumblr.com/thpaaos/DIcklyl4z/reset.css" type="text/css" />
  44.  
  45. <!-- Customizable Options -->
  46.  
  47. <meta name="color:Background" content="#FFFFFF"/>
  48. <meta name="color:Text" content="#979797"/>
  49. <meta name="color:Links" content="#000000"/>
  50. <meta name="color:Links Background" content="#74583a"/>
  51. <meta name="color:Border" content="#c2a989"/>
  52. <meta name="color:Shadow" content="#ffffff"/>
  53. <meta name="color:Sidebar Background" content="#ffffff" />
  54. <meta name="font:Body" content="Helvetica, sans serif"/>
  55.  
  56. <meta name="if:Infinite Scroll" content="1" />
  57. <meta name="if:Image White Wash" content="1" />
  58. <meta name="if:Show Entry Info" content="1" />
  59. <meta name="if:Show Photo Caption" content="0" />
  60. <meta name="if:Show Ask" content="1" />
  61. <meta name="if:Show Archive" content="1" />
  62. <meta name="if:Show RSS" content="1" />
  63.  
  64.  
  65. <style type="text/css">
  66.  
  67.  
  68. /*General Markup */
  69.  
  70. body {
  71. color: {color:Text};
  72. font-size: 8px;
  73. font-family: {font:Body};
  74. line-height: 15px;
  75. letter-spacing: 1px;
  76. margin: 0;
  77. cursor: default;
  78. background-color: {color:Background};
  79. overflow-x: hidden;
  80. overflow-y: auto;
  81. /*background-image: url('http://static.tumblr.com/glziqhp/07plo83j2/c34zt.jpg');*/
  82. }
  83.  
  84. ::-webkit-scrollbar {
  85. width: 7px;
  86. }
  87.  
  88. ::-webkit-scrollbar-track {
  89. background-color: {color:Background};
  90. }
  91.  
  92. ::-webkit-scrollbar-thumb {
  93. background-color: #5F5F5F;
  94. -webkit-border-radius: 5px 0 0 5px;
  95. border-radius: 5px 0 0 5px;
  96. -moz-border-radius: 5px 0 0 5px;
  97. }
  98.  
  99. ::-webkit-scrollbar-thumb:window-inactive {
  100. background-color: #979797;
  101. }
  102.  
  103. *:active, *:focus {
  104. outline: 0px;
  105. }
  106.  
  107. a {
  108. font-family: 'Andale Mono', {font:Body};
  109. color: {color:Links};
  110. text-transform: uppercase;
  111. cursor: default;
  112. text-decoration: none;
  113. font-style: none;
  114. text-decoration: none;
  115. }
  116.  
  117. a:hover {
  118. cursor: default;
  119. background-color: {color:Links Background};
  120. }
  121.  
  122. .albumart a:hover {
  123. background-color: {color:Background} !important;
  124. cursor: pointer;
  125. }
  126.  
  127. img, img:hover {
  128. background-color: {color:Background} !important;
  129. {block:IfImageWhiteWash}
  130. opacity: 0.85;
  131. filter:alpha(opacity=85);
  132. {/block:IfImageWhiteWash}
  133. border: 0;
  134. -webkit-transition-duration: .6s;
  135. -moz-transition-duration: .6s;
  136. }
  137.  
  138. h1, h2 {
  139. font-family: 'Andale Mono', {font:Body};
  140. text-transform: uppercase;
  141. }
  142.  
  143. h2 a {
  144. font-family: 'Andale Mono', {font:Body};
  145. text-transform: uppercase;
  146. color: #FFF;
  147. background-color: #333;
  148. height: 20px;
  149. cursor: pointer;
  150. padding: 3px 0 2px 0;
  151. opacity: 0.92;
  152. filter:alpha(opacity=92);
  153. }
  154.  
  155. h2 a:hover {
  156. background-color: #333;
  157. cursor: pointer;
  158. }
  159.  
  160. hr {
  161. color: {color:Background};
  162. background-color: {color:Background};
  163. border: 1px solid {color:Border};
  164. margin: 10px 0;
  165. border-style: solid none none;
  166. }
  167.  
  168. ol, ul {
  169. padding: 0 0 0 10px;
  170. margin: 0 0 8px 10px;
  171. }
  172.  
  173. p {
  174. margin: 0;
  175. padding-bottom: 8px;
  176. }
  177.  
  178. blockquote, li blockquote {
  179. border-left: 1px solid {color:Border};
  180. padding: 0 0 0 10px;
  181. margin: 0 0 8px 10px;
  182. }
  183.  
  184. blockquote > p:first-child {
  185. padding: 0;
  186. }
  187.  
  188. pre code {
  189. font-family: 'Courier New', Courier, monospace;
  190. background: {color:Border};
  191. }
  192.  
  193. b, strong {
  194. font-weight: normal;
  195. color: #000000;
  196. }
  197.  
  198. i, em {
  199. font-family: {font:Body};
  200. font-style: none;
  201. }
  202.  
  203. input {
  204. border: 1px solid {color:Border};
  205. font-family: 'Andale Mono', Courier, monospace;
  206. -webkit-box-shadow: inset 1px 1px 4px {color:Border};
  207. font-size: 9px;
  208. width: 200px;
  209. padding: 5px;
  210. }
  211.  
  212. embed {
  213. max-width: 200px !important;
  214. }
  215.  
  216. .bull {
  217. padding: 0 15px 0 15px;
  218. }
  219.  
  220. .bull2 {
  221. padding: 0 60px 0 60px;
  222. }
  223.  
  224. .space {
  225. padding-left: 15px;
  226. }
  227.  
  228. .clear {
  229. clear: both;
  230. color: {color:Background};
  231. }
  232.  
  233. .right {
  234. float: right;
  235. }
  236.  
  237. .center {
  238. width: 100%;
  239. text-align: center;
  240. }
  241.  
  242. .hidden {
  243. color: #FFF;
  244. -webkit-transition-duration: .6s;
  245. -moz-transition-duration: .6s;
  246. }
  247.  
  248. .hidden:hover {
  249. color: {color:Text};
  250. -webkit-transition-duration: .6s;
  251. -moz-transition-duration: .6s;
  252. }
  253.  
  254. /* End General Markup */
  255.  
  256.  
  257. /* Content Container Markup */
  258.  
  259. #sidebar {
  260. background-color: {color:Sidebar Background};
  261. z-index: 4;
  262. position: fixed;
  263. width: 150px;
  264. height: 100%;
  265. margin: 0;
  266. text-align: justify;
  267. overflow: hidden;
  268. padding: 60px 15px 60px 15px;
  269. top: 0;
  270. left: 0;
  271. border-right: 1px solid {color:Border};
  272. }
  273.  
  274. #wrapper {
  275. position: relative;
  276. width: 100%;
  277. text-align: center;
  278. }
  279.  
  280. #wrapper #content {
  281. position: relative;
  282. max-width: 1250px;
  283. height: 100%;
  284. padding: 30px 15px 30px 210px;
  285. margin: 0;
  286. {block:PermalinkPage}
  287. width: 930px;
  288. {/block:PermalinkPage}
  289. }
  290.  
  291. /* End Content Container Markup */
  292.  
  293.  
  294. /* Sidebar Markup */
  295.  
  296. .sidebox {
  297. text-align: center;
  298. margin-bottom: 50px;
  299. text-transform: uppercase;
  300. }
  301.  
  302. .sidebox i {
  303. text-transform: lowercase;
  304. }
  305.  
  306. .banneropen {
  307. background-image: url('http://static.tumblr.com/glziqhp/JlYlv1am1/banner-left.png');
  308. background-repeat: no-repeat;
  309. background-position: top left;
  310. padding: 3px 0px 10px 20px;
  311. height: 20px;
  312. opacity: 0.85;
  313. filter:alpha(opacity=85);
  314. }
  315.  
  316. .bannerclose {
  317. background-image: url('http://static.tumblr.com/glziqhp/TTnlv1aod/banner-right.png');
  318. background-repeat: no-repeat;
  319. background-position: top right;
  320. padding: 3px 20px 10px 0px;
  321. height: 20px;
  322. }
  323.  
  324. /*#tumblr_controls {
  325. position: fixed !important;
  326. top: 25px !important;
  327. }*/
  328.  
  329. /* End Sidebar Markup */
  330.  
  331.  
  332. /* Entry Markup */
  333.  
  334. .entry {
  335. background-color: {color:Background};
  336. position: relative;
  337. float: left;
  338. text-align: justify;
  339. display: inline-block;
  340. overflow: hidden;
  341. margin: 30px;
  342. width: 200px;
  343. {block:PermalinkPage}
  344. position: relative !important;
  345. width: 850px;
  346. {/block:PermalinkPage}
  347. }
  348.  
  349. {block:IfShowEntryInfo}
  350. .entry:hover .entryinfo {
  351. display: block;
  352. }
  353. {/block:IfShowEntryInfo}
  354.  
  355. {block:PermalinkPage}
  356. #entry.masonry-brick {
  357. top: 0 !important;
  358. left: 0 !important;
  359. }
  360. {/block:PermalinkPage}
  361.  
  362. .post {
  363. {block:IndexPage}
  364. position: relative;
  365. {/block:IndexPage}
  366. }
  367.  
  368. .entrytitle {
  369. text-transform: uppercase;
  370. color: #000;
  371. text-align: center;
  372. font-family: {font:Body};
  373. padding: 5px 10px 10px 10px;
  374. border-bottom: 1px solid {color:Border};
  375. {block:PermalinkPage}
  376. padding: 5px 25px 10px 25px;
  377. border-right: 1px solid {color:Border};
  378. width: 450px;
  379. {/block:PermalinkPage}
  380. }
  381.  
  382. .entrytext {
  383. padding: 10px;
  384. text-align: justify;
  385. position: relative;
  386. overflow: hidden;
  387. {block:PermalinkPage}
  388. border-right: 1px solid {color:Border};
  389. width: 450px;
  390. padding: 10px 25px;
  391. {/block:PermalinkPage}
  392. }
  393.  
  394. .entrytext hr {
  395. margin-top: 2px;
  396. }
  397.  
  398. .entrytext img {
  399. max-width: 100%;
  400. margin: 8px 0;
  401. }
  402.  
  403. .entrytags {
  404. position: relative;
  405. text-align: center;
  406. padding-top: 10px;
  407. {block:IndexPage}
  408. display: none;
  409. {/block:IndexPage}
  410. {block:PermalinkPage}
  411. width: 350px;
  412. position: absolute;
  413. top: 35px;
  414. right: 0px;
  415. {/block:PermalinkPage}
  416. }
  417.  
  418. .entrytags a {
  419. font-style: none;
  420. font-family: 'Andale Mono', {font:Body};
  421. text-transform: uppercase;
  422. color: #BBB;
  423. margin: 3px;
  424. display: inline-block;
  425. padding: 2px 3px 0px 12px;
  426. line-height: 12px;
  427. background-image: url('http://static.tumblr.com/glziqhp/CBiluy495/tag.png');
  428. }
  429.  
  430. .entrytags a:hover, .phototags a:hover, .permtags a:hover {
  431. background-color: transparent;
  432. cursor: pointer;
  433. }
  434.  
  435. .entryinfo {
  436. text-align: justify;
  437. padding: 10px;
  438. {block:IndexPage}
  439. border-top: 1px solid {color:Border};
  440. display: none;
  441. padding: 10px;
  442. {/block:IndexPage}
  443. {block:PermalinkPage}
  444. padding: 5px 25px 10px 25px;
  445. border-bottom: 1px solid {color:Border};
  446. width: 300px;
  447. position: absolute;
  448. min-height: 15px;
  449. top: 0px;
  450. right: 0px;
  451. {/block:PermalinkPage}
  452. }
  453.  
  454. .entrycaption {
  455. {block:PermalinkPage}
  456. width: 300px;
  457. padding: 10px 25px;
  458. text-align: justify;
  459. {/block:PermalinkPage}
  460. }
  461.  
  462. .entrycaption a {
  463. font-style: none;
  464. text-transform: uppercase;
  465. background-image: none;
  466. font-family: 'Andale Mono', {font:Body};
  467. color: {color:Links};
  468. text-transform: uppercase;
  469. cursor: default;
  470. text-decoration: none;
  471. padding: 0px;
  472. margin: 0px;
  473. }
  474.  
  475. .entrycaption a:hover {
  476. cursor: default;
  477. background-color: {color:Links Background};
  478. }
  479.  
  480. .entrycaption img {
  481. max-width: 100%;
  482. margin: 8px 0;
  483. }
  484.  
  485. .heart {
  486. color: #FF0000;
  487. padding-right: 2px;
  488. position: relative;
  489. top: -1px;
  490. }
  491.  
  492. .share {
  493. position: absolute;
  494. right: 0;
  495. top: 0;
  496. z-index: 5;
  497. margin: 5px;
  498. }
  499.  
  500. .sharea {
  501. position: absolute;
  502. top: -5px;
  503. right: -5px;
  504. -moz-opacity: 0.65;
  505. filter:alpha(opacity=0.65);
  506. opacity: 0.65;
  507. width: 13px;
  508. height: 13px;
  509. z-index: 5;
  510. margin: 6px;
  511. background-color: transparent;
  512. }
  513.  
  514. .shareb {
  515. position: absolute;
  516. right: 1px;
  517. top: 20px;
  518. display: none;
  519. padding: 5px;
  520. border: 1px solid {color:Border};
  521. background-color: #FFF;
  522. -webkit-border-radius: 2px 0 2px 2px;
  523. border-radius: 2px 0 2px 2px;
  524. -moz-border-radius: 2px 0 2px 2px;
  525. }
  526.  
  527. .share:hover {
  528. margin: 0;
  529. }
  530.  
  531. .share:hover .shareb {
  532. display: block;
  533. }
  534.  
  535. .share:hover .sharea {
  536. -moz-opacity: 1;
  537. filter:alpha(opacity=1);
  538. opacity: 1;
  539. right: -5px;
  540. top: -5px;
  541. padding: 4px 4px 2px 4px;
  542. border-left: 1px solid {color:Border};
  543. border-right: 1px solid {color:Border};
  544. border-top: 1px solid {color:Border};
  545. -webkit-border-radius: 2px 2px 0 0;
  546. border-radius: 2px 2px 0 0;
  547. -moz-border-radius: 2px 2px 0 0;
  548. background-color: #FFF;
  549. }
  550.  
  551. .tweet {
  552. position: relative;
  553. top: -1px;
  554. margin: 0 3px 10px 0;
  555. }
  556.  
  557.  
  558.  
  559.  
  560.  
  561.  
  562. .entry:hover .permalink{
  563.  
  564. opacity:1;
  565.  
  566. filter: alpha(opacity = 100);
  567.  
  568. -webkit-transition: 0.3s ease-in;
  569.  
  570. }
  571.  
  572. .reblog{
  573.  
  574. position:absolute;
  575.  
  576. margin-top:0px;
  577.  
  578. margin-left:0px;
  579.  
  580. background-color:#fff;
  581.  
  582. -webkit-border-radius: 2px;
  583.  
  584. -moz-border-radius: 2px;
  585.  
  586. border-radius: 2px;
  587.  
  588. -webkit-transition-duration: 0.4s;
  589.  
  590. opacity:1;
  591.  
  592. filter: alpha(opacity = 100);
  593.  
  594. -webkit-box-shadow: 2px 2px 5px #474747;
  595.  
  596. -moz-box-shadow: 2px 2px 5px #474747;
  597.  
  598. box-shadow: 2px 2px 5px #474747;
  599.  
  600. }
  601.  
  602. .p_entry:hover .reblog{
  603.  
  604. opacity:1;
  605.  
  606. filter: alpha(opacity = 100);
  607.  
  608. webkit-transition-duration: 0.4s;
  609.  
  610. }
  611.  
  612. #credits {
  613. text-align: left;
  614. font-size: 11px;
  615. position:fixed;
  616. left:5px;
  617. bottom:-65px;
  618. -webkit-transition: all .5s ease-in-out;
  619. -moz-transition: all .5s ease-in-out;
  620. -o-transition: all .5s ease-in-out;
  621. z-index:999;
  622. }
  623.  
  624. #credits:hover {bottom:0px;}
  625.  
  626. #credit {
  627. border-right-style:solid;
  628. border-bottom-style:none;
  629. border-left-style:none;
  630. border-top-style:solid;
  631. border-width:0px;
  632. border-color:#000;
  633. padding: 5px 0 5px 0;
  634. background: #fff;
  635. width:168px;
  636. height:54px;
  637. border-top-right-radius: 3px;
  638. -moz-border-radius-topright: 5px;
  639. -webkit-border-top-right-radius: 120px;
  640. z-index: 9999;
  641. }
  642.  
  643. #credittab {
  644. border-top-style:none;
  645. border-right-style:solid;
  646. border-bottom-style:solid;
  647. border-left-style:solid;
  648. border-width:0px;
  649. border-color:#000;
  650. text-align: center;
  651. height:10px;
  652. padding: 2px 0 8px 0;
  653. background:#fff;
  654. border-top-left-radius: 0px;
  655. -moz-border-radius-topleft: 0px;
  656. -webkit-border-top-left-radius: 0px;
  657. border-top-right-radius: 0px;
  658. -moz-border-radius-topright: 0px;
  659. -webkit-border-top-right-radius: 0px;
  660. width: 49px;
  661. }
  662.  
  663.  
  664.  
  665.  
  666.  
  667.  
  668.  
  669. #updates {
  670. text-align: center;
  671. font-size: 11px;
  672. position:fixed;
  673. left:5px;
  674. top:-111px;
  675. -webkit-transition: all .5s ease-in-out;
  676. -moz-transition: all .5s ease-in-out;
  677. -o-transition: all .5s ease-in-out;
  678. z-index:999;
  679. }
  680.  
  681. #updates:hover {top:0px;}
  682.  
  683. #update {
  684. border-right-style:solid;
  685. border-bottom-style:solid;
  686. border-left-style:solid;
  687. border-width:1px;
  688. border-color:#000;
  689. padding: 5px 0 5px 0;
  690. background: #fff;
  691. width:200px;
  692. height:100px;
  693. border-bottom-right-radius: 5px;
  694. -moz-border-radius-bottomright: 5px;
  695. -webkit-border-bottom-right-radius: 0px;
  696. z-index: 9999;
  697. }
  698.  
  699. #updatestab {
  700. border-top-style:none;
  701. border-right-style:solid;
  702. border-bottom-style:solid;
  703. border-left-style:solid;
  704. border-width:1px;
  705. border-color:#000;
  706. text-align: center;
  707. height:10px;
  708. padding: 2px 0 8px 0;
  709. background:#fff;
  710. border-bottom-left-radius: 5px;
  711. -moz-border-radius-bottomleft: 5px;
  712. -webkit-border-bottom-left-radius: 5px;
  713. border-bottom-right-radius: 5px;
  714. -moz-border-radius-bottomright: 5px;
  715. -webkit-border-bottom-right-radius: 5px;
  716. width: 200px;
  717. }
  718.  
  719.  
  720.  
  721. /* End Entry Markup */
  722.  
  723.  
  724. /* Photo Entry Markup */
  725.  
  726. #photoentry {
  727. {block:IndexPage}
  728. background-color: {color:Background};
  729. {/block:IndexPage}
  730. }
  731.  
  732. {block:PermalinkPage}
  733. #photoentry.entry.masonry-brick, div.entry.masonry-brick, #videoentry.entry.masonry-brick, #audioentry.entry.masonry-brick {
  734. top: 0 !important;
  735. left: 0 !important;
  736. }
  737. {/block:PermalinkPage}
  738.  
  739. .photobox {
  740. position: relative;
  741. overflow: hidden;
  742. {block:PermalinkPage}
  743. width: 500px;
  744. {/block:PermalinkPage}
  745. }
  746.  
  747. .photobox a {
  748. color: #a7a7a7;
  749. cursor: pointer;
  750. }
  751.  
  752. .photobox a:hover {
  753. background-color: transparent !important;
  754. cursor: pointer;
  755. }
  756.  
  757. .photoinfo {
  758. font-family: {font:Body};
  759. position: absolute;
  760. background-image: url('http://static.tumblr.com/glziqhp/Mqwluv4lw/darkgrey-85perc-opacity.png');
  761. display: none;
  762. bottom: 0;
  763. width: 100%;
  764. text-align: left;
  765. color: #BBB;
  766. left: 0;
  767. padding: 10px;
  768. opacity: 0.96;
  769. filter:alpha(opacity=0.96);
  770. }
  771.  
  772. .phototags {
  773. position: absolute;
  774. background-color: {color:Background};
  775. text-transform: uppercase;
  776. bottom: 0px;
  777. width: 100%;
  778. text-align: center;
  779. min-height: 14px;
  780. height: 14px;
  781. display: block;
  782. overflow: hidden;
  783. left: 0;
  784. padding: 3px 0;
  785. margin-bottom: -20px;
  786. height: 14px;
  787. overflow: hidden;
  788. opacity: 0.96;
  789. filter:alpha(opacity=0.96);
  790. -webkit-transition-duration: .6s;
  791. -moz-transition-duration: .6s;
  792. }
  793.  
  794. .phototags a {
  795. font-style: none;
  796. text-transform: lowercase;
  797. color: #979797;
  798. margin-right: 10px;
  799. display: inline-block;
  800. padding-left: 15px;
  801. background-image: url('http://static.tumblr.com/glziqhp/zXOloxhh3/tag-small.png');
  802. background-repeat: no-repeat;
  803. }
  804.  
  805. {block:IndexPage}
  806. {block:IfShowEntryInfo}
  807. .entry:hover .photoinfo {
  808. display: block;
  809. }
  810.  
  811. .entry:hover .phototags {
  812. margin-bottom: 0;
  813. -moz-box-shadow: 0px 0px 3px #999;
  814. -webkit-box-shadow: 0px 0px 3px #999;
  815. -webkit-transition-duration: .6s;
  816. -moz-transition-duration: .6s;
  817. }
  818. {/block:IfShowEntryInfo}
  819. {/block:IndexPage}
  820.  
  821. .photoset .photoset_row .photoset_photo {
  822. margin-left: 5px !important;
  823. margin-top: 5px !important;
  824. opacity: 0.85;
  825. filter:alpha(opacity=85);
  826. }
  827.  
  828. .photoset .photoset_row {
  829. max-width: 200px !important;
  830. }
  831.  
  832. #vignette {
  833. display: none;
  834. }
  835.  
  836. #tumblr_lightbox {
  837. background-image: url('http://static.tumblr.com/glziqhp/eRkls6pz6/white-90perc-opacity.png') !important;
  838. background-color: transparent !important;
  839. }
  840.  
  841. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  842. -moz-box-shadow: 0px 2px 2px {color:Shadow} !important;
  843. -webkit-box-shadow: 0px 2px 2px {color:Shadow} !important;
  844. box-shadow: 0px 2px 2px {color:Shadow} !important;
  845. padding: 5px !important;
  846. }
  847.  
  848. /* End Photo Entry Markup */
  849.  
  850.  
  851. /* Audio Entry Markup */
  852.  
  853. .audioplayer {
  854. /*-webkit-border-radius: 18px;
  855. border-radius: 18px;
  856. -moz-border-radius: 18px;*/
  857. opacity: 0.96;
  858. filter:alpha(opacity=0.96);
  859. width: 250px;
  860. position: relative;
  861. overflow: hidden;
  862. padding: 2px 0;
  863. background-color: {color:Background};
  864. margin: 10px 0 7px 0;
  865. {block:PermalinkPage}
  866. border-right: 1px solid {color:Border};
  867. margin-left: 30px;
  868. {/block:PermalinkPage}
  869. }
  870.  
  871. .audioinfo {
  872. {block:PermalinkPage}
  873. width: 335px;
  874. padding: 10px 0;
  875. {/block:PermalinkPage}
  876. {block:IndexPage}
  877. padding-bottom: 10px;
  878. {/block:IndexPage}
  879. }
  880.  
  881. .player {
  882. position: absolute;
  883. top: 25px;
  884. left: 0;
  885. width: 20px;
  886. overflow: hidden;
  887. height: 25px;
  888. padding-left: 5px;
  889. }
  890.  
  891. /* End Audio Entry Markup */
  892.  
  893.  
  894. /* Video Entry Markup */
  895.  
  896. .video {
  897. width: 250px;
  898. margin: 0 0 10px -30px;
  899. {block:PermalinkPage}
  900. width: 500px;
  901. margin: 0;
  902. {/block:PermalinkPage}
  903. }
  904.  
  905. /* End Video Entry Markup */
  906.  
  907.  
  908. /* Answer Entry Markup */
  909.  
  910. .question {
  911. font-family: {font:Body};
  912. text-transform: none;
  913. padding-bottom: 8px;
  914. font-style: none;
  915. }
  916.  
  917. .answer {
  918. font-size: 8px;
  919. color: {color:Text};
  920. }
  921.  
  922. span.Apple-style-span {
  923. font-size: 8px !important;
  924. color: {color:Text} !important;
  925. font-family: {font:Body} !important;
  926. line-height: 15px !important;
  927. letter-spacing: 1px !important;
  928. margin: 0 !important;
  929. cursor: default !important;
  930. }
  931.  
  932. /* End Answer Entry Markup */
  933.  
  934.  
  935. #infscr-loading {
  936. z-index: 5;
  937. position: fixed;
  938. margin: 0;
  939. padding: 0;
  940. bottom: 45px;
  941. left: 80px;
  942. width: 16px;
  943. height: 11px;
  944. }
  945.  
  946. #top-link {
  947. position: fixed;
  948. z-index: 5000;
  949. width: 150px;
  950. left: 0px;
  951. bottom: 60px;
  952. padding: 0 15px;
  953. background-color: transparent;
  954. }
  955.  
  956. .top-link:hover {
  957. cursor: default;
  958. background-color: {color:Links Background};
  959. }
  960.  
  961.  
  962. /* Theme Credit Markup -- Please do not delete */
  963.  
  964. #themecredit {
  965. position: fixed;
  966. z-index: 5000;
  967. bottom: 0px;
  968. left: 0px;
  969. width: 150px;
  970. text-align: center;
  971. margin: 15px; 15px 35px 15px;
  972. }
  973.  
  974. /* End Theme Credit Markup */
  975.  
  976.  
  977. /* Pagination Markup */
  978.  
  979. #pagination {
  980. {block:IfInfiniteScroll}
  981. display: none;
  982. {/block:IfInfiniteScroll}
  983. font-family: 'Andale Mono', {font:Body};
  984. list-style-type: none;
  985. background-color: {color:Background};
  986. font-size: 8px;
  987. text-transform: uppercase;
  988. }
  989.  
  990. /* End Pagination Markup */
  991.  
  992.  
  993. /* Notes Markup */
  994.  
  995. ol.notes {
  996. text-align: justify;
  997. text-transform: none;
  998. width: 500px;
  999. list-style-type: none;
  1000. margin: 30px 0 30px 89px;
  1001. padding: 25px 20px;
  1002. }
  1003.  
  1004. ol.notes img.avatar {
  1005. margin: 5px 10px -4px 10px;
  1006. -moz-box-shadow: 0px 2px 2px {color:Border};
  1007. -webkit-box-shadow: 0px 2px 2px {color:Border};
  1008. box-shadow: 0px 2px 2px {color:Border};
  1009. }
  1010.  
  1011. ol.notes blockquote {
  1012. margin: 0 0 0 40px !important;
  1013. }
  1014.  
  1015. ol.notes blockquote a {
  1016. text-decoration: none;
  1017. }
  1018.  
  1019. li.note.more_notes_link_container {
  1020. padding-top: 30px;
  1021. }
  1022.  
  1023. /* End Notes Markup */
  1024.  
  1025.  
  1026.  
  1027.  
  1028. /* Your Custom CSS from the Tumblr Customize -> Advanced Options goes in here */
  1029.  
  1030. {CustomCSS}
  1031.  
  1032. /* End Your Custom CSS from the Tumblr Customize -> Advanced Options goes in here */
  1033.  
  1034.  
  1035.  
  1036. </style>
  1037.  
  1038. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  1039. <script src="http://static.tumblr.com/glziqhp/DMKlqoahr/jquery.masonry.min.js"></script>
  1040. <script src="http://static.tumblr.com/df28qmy/Mpalh3i8p/jquery.scrollto-1.4.0-min.js" type="text/javascript"></script>
  1041. {block:IfInfiniteScroll}<script src="http://static.tumblr.com/glziqhp/dTTlsbw8e/jquery.infinitescroll.min.js"></script>{/block:IfInfiniteScroll}
  1042.  
  1043. <script type="text/javascript">
  1044.  
  1045. var _gaq = _gaq || [];
  1046. _gaq.push(['_setAccount', 'UA-15283471-3']);
  1047. _gaq.push(['_trackPageview']);
  1048.  
  1049. (function() {
  1050. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  1051. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  1052. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  1053. })();
  1054.  
  1055. </script>
  1056.  
  1057. <meta property=”og:title” content=”{block:PostTitle}{PostTitle}{/block:PostTitle}”>
  1058.  
  1059. </head>
  1060.  
  1061.  
  1062.  
  1063. <body>
  1064.  
  1065. <div id="sidebar">
  1066.  
  1067. <div class="sidebox">
  1068. <h2><span class="banneropen"><span class="bannerclose"><a href="/">{Title}</a></span></span></h2>
  1069. </div>
  1070.  
  1071. <div class="sidebox">
  1072. <h1>{Description}</h1>
  1073. </div>
  1074.  
  1075. <div class="sidebox">
  1076. <h1>{block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled}</h1>
  1077. <h1>{block:IfShowArchive}<a href="/archive">Archive</a>{/block:IfShowArchive}</h1>
  1078. <h1>{block:IfShowRSS}<a href="{RSS}">RSS</a>{/block:IfShowRSS}</h1>
  1079. <h1>{block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}{/block:SubmissionsEnabled}</a></h1>
  1080. {block:HasPages}{block:Pages}<h1><a href="{URL}">{Label}</a></h1>{/block:Pages}{/block:HasPages}
  1081. </div>
  1082.  
  1083. <div class="sidebox">
  1084. <ul id="pagination" style="margin: 0; padding: 0;">
  1085. <li style="margin: 0; padding: 0;">
  1086. {block:Pagination}
  1087. {block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}{lang:PREV}{block:PreviousPage}</a>{/block:PreviousPage}
  1088. <span class="bull">/</span>
  1089. {block:NextPage}<a href="{NextPage}" class="pagination_nextlink">{/block:NextPage}{lang:NEXT}{block:NextPage}</a>{/block:NextPage}
  1090. {/block:Pagination}
  1091. </li>
  1092. </ul>
  1093. </div>
  1094.  
  1095. </div>
  1096.  
  1097. <div class="clear"></div>
  1098.  
  1099. <div id="wrapper">
  1100.  
  1101. <div id="content">
  1102.  
  1103. {block:Posts}
  1104.  
  1105. {block:Text}
  1106.  
  1107. <div class="entry">
  1108.  
  1109. {block:PermalinkPage}
  1110. <div class="share">
  1111. <div class="sharea">
  1112. <img src="http://static.tumblr.com/glziqhp/QLKlqrl2a/share.png">
  1113. </div>
  1114. <div class="shareb">
  1115. <span class="tweet"><a href="http://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></span>
  1116. <iframe src="http://www.facebook.com/plugins/like.php?href={URLEncodedPermalink}&amp;layout=button_count&amp;width=78&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:78px; height:21px;" allowTransparency="true"></iframe>
  1117. <br><input type="text" name="shorturl" value="{ShortURL}">
  1118. </div>
  1119. </div>
  1120. {/block:PermalinkPage}
  1121.  
  1122. <div class="entrytitle">
  1123. <h1>{block:Title}<a href="{Permalink}" target="new">{Title}</a>{/block:Title}</h1>
  1124. </div>
  1125.  
  1126. <div class="entrytext" style="margin-bottom: -8px !important;">
  1127. {Body}
  1128. </div>
  1129.  
  1130. <div class="entryinfo">
  1131. <span class="right">{block:NoteCount}<span class="heart">♥</span>{NoteCount}{/block:NoteCount}</span></h1>
  1132. </div>
  1133.  
  1134. {block:HasTags}
  1135. <div class="entrytags">
  1136. {block:Tags}<a href="{TagURL}" target="new">{Tag}</a>{/block:Tags}
  1137. </div>
  1138. {/block:HasTags}
  1139.  
  1140. </div>
  1141.  
  1142. {/block:Text}
  1143.  
  1144. {block:Photo}
  1145.  
  1146. <div class="entry" id="photoentry">
  1147.  
  1148. {block:PermalinkPage}
  1149. <div class="share">
  1150. <div class="sharea">
  1151. <img src="http://static.tumblr.com/glziqhp/QLKlqrl2a/share.png">
  1152. </div>
  1153. <div class="shareb">
  1154. <span class="tweet"><a href="http://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></span>
  1155. <iframe src="http://www.facebook.com/plugins/like.php?href={URLEncodedPermalink}&amp;layout=button_count&amp;width=78&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:78px; height:21px;" allowTransparency="true"></iframe>
  1156. <br><input type="text" name="shorturl" value="{ShortURL}">
  1157. </div>
  1158. </div>
  1159. {/block:PermalinkPage}
  1160.  
  1161.  
  1162. <div id="credits">
  1163. <div id="credittab">THEME</div>
  1164. <div id="credit"> <left><br>
  1165. &nbsp;Theme by <a href="http://andbamnan.tumblr.com" target="_blank">andbamnan</a>
  1166. <br>
  1167. &nbsp;Tweaked by <a href="http://creamify.tumblr.com" target="_blank">creamify</a><br><br><br></div></div>
  1168.  
  1169.  
  1170. <div class="photobox">
  1171.  
  1172. {block:IndexPage}
  1173. <a href="{Permalink}" target="new"><img src="{PhotoURL-250}" alt="{PhotoAlt}" width="200px" class="photo"></a>
  1174.  
  1175. <div class="photoinfo">
  1176. <h1><div class="p_entry"><div class="reblog"><a href="{ReblogURL}" target="_blank" class="details">REBLOG</a></div><a href="{Permalink}" target="new">{block:NoteCount}<span class="right" style="padding-right: 20px;"><span style="padding-right: 2px;">♥</span>{NoteCount}</span>{/block:NoteCount}</h1>
  1177. </div>
  1178. {/block:IndexPage}
  1179.  
  1180. {block:PermalinkPage}
  1181. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px class="photo">{LinkCloseTag}
  1182. {/block:PermalinkPage}
  1183.  
  1184. </div>
  1185.  
  1186. {block:IndexPage}
  1187. {block:IfShowPhotoCaption}
  1188. {block:Caption}
  1189. <div style="padding-top: 10px;">
  1190. {Caption}<!--{lang:ReblogParentTitle}-->
  1191. </div>
  1192. {/block:Caption}
  1193. {/block:IfShowPhotoCaption}
  1194. {/block:IndexPage}
  1195.  
  1196. {block:PermalinkPage}
  1197.  
  1198. <div class="entrytags">
  1199. {block:HasTags}
  1200. {block:Tags}<a href="{TagURL}" target="new">{Tag}</a>{/block:Tags}
  1201. {/block:HasTags}
  1202.  
  1203. {block:Caption}
  1204. <div class="entrycaption">
  1205. {Caption}<!--{lang:ReblogParentTitle}-->
  1206. </div>
  1207. {/block:Caption}
  1208. </div>
  1209.  
  1210. <div class="entryinfo">
  1211. <h1>{block:Date}{block:IfMMDDYYdeselectforDDMMYY}<a href="{Permalink}" target="new">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a>{/block:IfMMDDYYdeselectforDDMMYY}
  1212. {block:IfNotMMDDYYdeselectforDDMMYY}<a href="{Permalink}" target="new">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{/block:IfNotMMDDYYdeselectforDDMMYY} @ {24HourWithZero}:{Minutes}{/block:Date}{block:NoteCount}<span class="right"><span class="heart">♥</span>{NoteCount}</span>{/block:NoteCount}</h1>
  1213. </div>
  1214. {/block:PermalinkPage}
  1215.  
  1216. <img src="http://static.tumblr.com/glziqhp/eRkls6pz6/white-90perc-opacity.png" style="display: none;">
  1217.  
  1218. </div>
  1219.  
  1220. {/block:Photo}
  1221.  
  1222. {block:Audio}
  1223.  
  1224. <div class="entry">
  1225.  
  1226. {block:PermalinkPage}
  1227. <div class="share">
  1228. <div class="sharea">
  1229. <img src="http://static.tumblr.com/glziqhp/QLKlqrl2a/share.png">
  1230. </div>
  1231. <div class="shareb">
  1232. <span class="tweet"><a href="http://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></span>
  1233. <iframe src="http://www.facebook.com/plugins/like.php?href={URLEncodedPermalink}&amp;layout=button_count&amp;width=78&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:78px; height:21px;" allowTransparency="true"></iframe>
  1234. <br><input type="text" name="shorturl" value="{ShortURL}">
  1235. </div>
  1236. </div>
  1237.  
  1238. <div class="entrytitle">
  1239. <h1>{block:TrackName}{TrackName}{/block:TrackName}</h1>
  1240. </div>
  1241. {/block:PermalinkPage}
  1242.  
  1243. {block:IndexPage}
  1244. <div class="entrytext" style="padding: 0;">
  1245. {/block:IndexPage}
  1246. {block:PermalinkPage}
  1247. <div class="entrytext">
  1248. {block:PermalinkPage}
  1249.  
  1250. <table class="audioinfo">
  1251. <tr><td style="display: block; width: 55px; height: 55px; background-color: {color:Border};">{block:AlbumArt}<img src="{AlbumArtURL}" style="width: 55px; height: 55px; margin: 0;">{/block:AlbumArt}</td><td style="width: 280px;"><div style="position: relative;"><div class="player" id="{postID}">{AudioPlayerWhite}</div></div></td></tr>
  1252. {block:Artist}<tr><td style="width: 45px; padding: 10px 0 0 10px;"><h1><b>ARTIST</b></h1></td><td style="width: 280px; padding-left: 10px;"><i>{Artist}</i></td></tr>{/block:Artist}
  1253. {block:TrackName}<tr><td style="width: 45px; padding-left: 10px;"><h1><b>TRACK</b></h1></td><td style="width: 280px; padding-left: 10px;"><i>{TrackName}</i></td></tr>{/block:TrackName}
  1254. {block:Album}<tr><td style="width: 45px; padding-left: 10px;"><h1><b>ALBUM</b></h1></td><td style="width: 280px; padding-left: 10px;"><i>{Album}</i></td></tr>{/block:Album}
  1255. <tr><td style="width: 45px; padding-left: 10px;"><h1><b>PLAYS</b></h1></td><td style="width: 280px; padding-left: 10px;"><i>{PlayCount}</i></td></tr>
  1256. {block:PermalinkPage}
  1257. <tr><td colspan="2">
  1258. <hr style="margin: 10px 0;">
  1259. </td></tr>
  1260. <tr><td colspan="2">
  1261. {block:Caption}{Caption}{/block:Caption}
  1262. </td></tr>
  1263. {/block:PermalinkPage}
  1264. </table>
  1265.  
  1266. <div class="clear"></div>
  1267. </div>
  1268.  
  1269. <div class="entryinfo">
  1270. <h1>{block:Date}{block:IfMMDDYYdeselectforDDMMYY}<a href="{Permalink}" target="new">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a>{/block:IfMMDDYYdeselectforDDMMYY}
  1271. {block:IfNotMMDDYYdeselectforDDMMYY}<a href="{Permalink}" target="new">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{/block:IfNotMMDDYYdeselectforDDMMYY} @ {24HourWithZero}:{Minutes}{/block:Date}<span class="right">{block:NoteCount}<span class="heart">♥</span>{NoteCount}{/block:NoteCount}</span></h1>
  1272. </div>
  1273.  
  1274. {block:HasTags}
  1275. <div class="entrytags">
  1276. {block:Tags}<a href="{TagURL}" target="new">{Tag}</a>{/block:Tags}
  1277. </div>
  1278. {/block:HasTags}
  1279.  
  1280. </div>
  1281.  
  1282. {/block:Audio}
  1283.  
  1284. {block:Quote}
  1285.  
  1286. <div class="entry" style="background-image:url('http://static.tumblr.com/glziqhp/Crllwx6zq/quotebg.png'); background-repeat:no-repeat; background-position:top left;">
  1287.  
  1288. {block:PermalinkPage}
  1289. <div class="share">
  1290. <div class="sharea">
  1291. <img src="http://static.tumblr.com/glziqhp/QLKlqrl2a/share.png">
  1292. </div>
  1293. <div class="shareb">
  1294. <span class="tweet"><a href="http://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></span>
  1295. <iframe src="http://www.facebook.com/plugins/like.php?href={URLEncodedPermalink}&amp;layout=button_count&amp;width=78&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:78px; height:21px;" allowTransparency="true"></iframe>
  1296. <br><input type="text" name="shorturl" value="{ShortURL}">
  1297. </div>
  1298. </div>
  1299. {/block:PermalinkPage}
  1300.  
  1301. <div class="entrytitle">
  1302. <h1><a href="{Permalink}" target="new">{Quote}</a></h1>
  1303. </div>
  1304.  
  1305. <div class="entrytext" style="text-align: right !important;">
  1306. {block:Source}~&nbsp;&nbsp;&nbsp;{Source}{/block:Source}
  1307. </div>
  1308.  
  1309. <div class="entryinfo">
  1310. <h1>{block:Date}{block:IfMMDDYYdeselectforDDMMYY}<a href="{Permalink}" target="new">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a>{/block:IfMMDDYYdeselectforDDMMYY}
  1311. {block:IfNotMMDDYYdeselectforDDMMYY}<a href="{Permalink}" target="new">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{/block:IfNotMMDDYYdeselectforDDMMYY} @ {24HourWithZero}:{Minutes}{/block:Date}{block:NoteCount}<span class="right"><span class="heart">♥</span>{NoteCount}</span>{/block:NoteCount}</h1>
  1312. </div>
  1313.  
  1314. {block:HasTags}
  1315. <div class="entrytags">
  1316. {block:Tags}<a href="{TagURL}" target="new">{Tag}</a>{/block:Tags}
  1317. </div>
  1318. {/block:HasTags}
  1319.  
  1320. </div>
  1321.  
  1322. {/block:Quote}
  1323.  
  1324. {block:Chat}
  1325.  
  1326. <div class="entry">
  1327.  
  1328. {block:PermalinkPage}
  1329. <div class="share">
  1330. <div class="sharea">
  1331. <img src="http://static.tumblr.com/glziqhp/QLKlqrl2a/share.png">
  1332. </div>
  1333. <div class="shareb">
  1334. <span class="tweet"><a href="http://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></span>
  1335. <iframe src="http://www.facebook.com/plugins/like.php?href={URLEncodedPermalink}&amp;layout=button_count&amp;width=78&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:78px; height:21px;" allowTransparency="true"></iframe>
  1336. <br><input type="text" name="shorturl" value="{ShortURL}">
  1337. </div>
  1338. </div>
  1339. {/block:PermalinkPage}
  1340.  
  1341. <div class="entrytitle">
  1342. <h1>{block:Title}<a href="{Permalink}" target="new">{Title}</a>{/block:Title}</h1>
  1343. </div>
  1344.  
  1345. <div class="entrytext" style="margin-bottom: -8px !important;">
  1346. <table cellspacing="0">
  1347. {block:Lines}
  1348. <tr>{block:Label}<td class="name line{UserNumber}" style="padding-right: 10px; text-align: right;"><h1 style="margin-bottom: 8px;">{Label}</h1></td>{block:Label}<td class="words line{UserNumber}" style="padding-bottom: 8px;">{Line}</td></tr>
  1349. {/block:Lines}
  1350. </table>
  1351. </div>
  1352.  
  1353. <div class="entryinfo">
  1354. <h1>{block:Date}{block:IfMMDDYYdeselectforDDMMYY}<a href="{Permalink}" target="new">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a>{/block:IfMMDDYYdeselectforDDMMYY}
  1355. {block:IfNotMMDDYYdeselectforDDMMYY}<a href="{Permalink}" target="new">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{/block:IfNotMMDDYYdeselectforDDMMYY} @ {24HourWithZero}:{Minutes}{/block:Date}{block:NoteCount}<span class="right"><span class="heart">♥</span>{NoteCount}</span>{/block:NoteCount}</h1>
  1356. </div>
  1357.  
  1358. {block:HasTags}
  1359. <div class="entrytags">
  1360. {block:Tags}<a href="{TagURL}" target="new">{Tag}</a>{/block:Tags}
  1361. </div>
  1362. {/block:HasTags}
  1363.  
  1364. </div>
  1365.  
  1366. {/block:Chat}
  1367.  
  1368. {block:Video}
  1369.  
  1370. <div class="entry">
  1371.  
  1372. {block:PermalinkPage}
  1373. <div class="share">
  1374. <div class="sharea">
  1375. <img src="http://static.tumblr.com/glziqhp/QLKlqrl2a/share.png">
  1376. </div>
  1377. <div class="shareb">
  1378. <span class="tweet"><a href="http://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></span>
  1379. <iframe src="http://www.facebook.com/plugins/like.php?href={URLEncodedPermalink}&amp;layout=button_count&amp;width=78&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:78px; height:21px;" allowTransparency="true"></iframe>
  1380. <br><input type="text" name="shorturl" value="{ShortURL}">
  1381. </div>
  1382. </div>
  1383. {/block:PermalinkPage}
  1384.  
  1385. <div class="video">
  1386. {block:IndexPage}
  1387. {Video-250}
  1388. {/block:IndexPage}
  1389.  
  1390. {block:PermalinkPage}
  1391. {Video-500}
  1392. {/block:PermalinkPage}
  1393. </div>
  1394.  
  1395. {block:IndexPage}
  1396. {block:IfShowPhotoCaption}
  1397. {block:Caption}
  1398. <div style="padding-top: 10px;">
  1399. {Caption}<!--{lang:ReblogParentTitle}-->
  1400. </div>
  1401. {/block:Caption}
  1402. {/block:IfShowPhotoCaption}
  1403. {/block:IndexPage}
  1404.  
  1405. {block:PermalinkPage}
  1406. {block:Caption}
  1407. <div class="entrycaption">
  1408. {Caption}
  1409. </div>
  1410. {/block:Caption}
  1411. {/block:PermalinkPage}
  1412.  
  1413. <div class="entryinfo">
  1414. <h1>{block:Date}{block:IfMMDDYYdeselectforDDMMYY}<a href="{Permalink}" target="new">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a>{/block:IfMMDDYYdeselectforDDMMYY}
  1415. {block:IfNotMMDDYYdeselectforDDMMYY}<a href="{Permalink}" target="new">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{/block:IfNotMMDDYYdeselectforDDMMYY} @ {24HourWithZero}:{Minutes}{/block:Date}{block:NoteCount}<span class="right"><span class="heart">♥</span>{NoteCount}</span>{/block:NoteCount}</h1>
  1416. </div>
  1417.  
  1418. {block:HasTags}
  1419. <div class="entrytags">
  1420. {block:Tags}<a href="{TagURL}" target="new">{Tag}</a>{/block:Tags}
  1421. </div>
  1422. {/block:HasTags}
  1423.  
  1424. </div>
  1425.  
  1426. {/block:Video}
  1427.  
  1428. {block:Answer}
  1429.  
  1430. <div class="entry">
  1431.  
  1432. {block:PermalinkPage}
  1433. <div class="share">
  1434. <div class="sharea">
  1435. <img src="http://static.tumblr.com/glziqhp/QLKlqrl2a/share.png">
  1436. </div>
  1437. <div class="shareb">
  1438. <span class="tweet"><a href="http://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></span>
  1439. <iframe src="http://www.facebook.com/plugins/like.php?href={URLEncodedPermalink}&amp;layout=button_count&amp;width=78&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:78px; height:21px;" allowTransparency="true"></iframe>
  1440. <br><input type="text" name="shorturl" value="{ShortURL}">
  1441. </div>
  1442. </div>
  1443. {/block:PermalinkPage}
  1444.  
  1445. <div class="entrytitle">
  1446. <h1><b>{Asker} asked:</b></h1>
  1447. </div>
  1448.  
  1449. <div class="entrytext" style="margin-bottom: -8px !important;">
  1450. <div class="question"><b>{Question}</b></div>
  1451. <hr>
  1452. <div class="answer">{Answer}</div>
  1453. </div>
  1454.  
  1455. <div class="entryinfo">
  1456. <h1>{block:Date}{block:IfMMDDYYdeselectforDDMMYY}<a href="{Permalink}" target="new">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a>{/block:IfMMDDYYdeselectforDDMMYY}
  1457. {block:IfNotMMDDYYdeselectforDDMMYY}<a href="{Permalink}" target="new">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{/block:IfNotMMDDYYdeselectforDDMMYY} @ {24HourWithZero}:{Minutes}{/block:Date}<span class="right">{block:NoteCount}<span class="heart">♥</span>{NoteCount}{/block:NoteCount}</span></h1>
  1458. </div>
  1459.  
  1460. {block:HasTags}
  1461. <div class="entrytags">
  1462. {block:Tags}<a href="{TagURL}" target="new">{Tag}</a>{/block:Tags}
  1463. </div>
  1464. {/block:HasTags}
  1465.  
  1466. </div>
  1467.  
  1468. {/block:Answer}
  1469.  
  1470. {block:Link}
  1471.  
  1472. <div class="entry">
  1473.  
  1474. {block:PermalinkPage}
  1475. <div class="share">
  1476. <div class="sharea">
  1477. <img src="http://static.tumblr.com/glziqhp/QLKlqrl2a/share.png">
  1478. </div>
  1479. <div class="shareb">
  1480. <span class="tweet"><a href="http://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></span>
  1481. <iframe src="http://www.facebook.com/plugins/like.php?href={URLEncodedPermalink}&amp;layout=button_count&amp;width=78&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:78px; height:21px;" allowTransparency="true"></iframe>
  1482. <br><input type="text" name="shorturl" value="{ShortURL}">
  1483. </div>
  1484. </div>
  1485. {/block:PermalinkPage}
  1486.  
  1487. <div class="entrytitle">
  1488. <h1><a href="{URL}" target="new">{Name}</a></h1>
  1489. </div>
  1490.  
  1491. <div class="entrytext" style="margin-bottom: -8px !important;">
  1492. {Description}
  1493. </div>
  1494.  
  1495. <div class="entryinfo">
  1496. <h1>{block:Date}{block:IfMMDDYYdeselectforDDMMYY}<a href="{Permalink}" target="new">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a>{/block:IfMMDDYYdeselectforDDMMYY}
  1497. {block:IfNotMMDDYYdeselectforDDMMYY}<a href="{Permalink}" target="new">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{/block:IfNotMMDDYYdeselectforDDMMYY} @ {24HourWithZero}:{Minutes}{/block:Date}{block:NoteCount}<span class="right"><span class="heart">♥</span>{NoteCount}</span>{/block:NoteCount}</h1>
  1498. </div>
  1499.  
  1500. {block:HasTags}
  1501. <div class="entrytags">
  1502. {block:Tags}<a href="{TagURL}" target="new">{Tag}</a>{/block:Tags}
  1503. </div>
  1504. {/block:HasTags}
  1505.  
  1506. </div>
  1507.  
  1508. {/block:Link}
  1509.  
  1510. {block:Permalink}
  1511.  
  1512. <div class="clear"></div>
  1513.  
  1514. {PostNotes}
  1515.  
  1516. {/block:Permalink}
  1517.  
  1518. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}--> {/block:ContentSource}
  1519.  
  1520. {/block:Posts}
  1521.  
  1522. </div>
  1523.  
  1524. <a href="#"><div id="top-link"><span class="top-link">Top</span></div></a>
  1525.  
  1526.  
  1527.  
  1528. </div>
  1529.  
  1530.  
  1531. <!-- Masonry JS -->
  1532.  
  1533. <script type="text/javascript">
  1534. $(function(){
  1535.  
  1536. var $container = $('#content');
  1537.  
  1538. $container.imagesLoaded(function(){
  1539. $container.masonry({
  1540. itemSelector: '.entry',
  1541. columnWidth: 260
  1542. });
  1543. });
  1544.  
  1545. $container.infinitescroll({
  1546. navSelector : '#pagination', // selector for the paged navigation
  1547. nextSelector : '#pagination li a.pagination_nextlink', // selector for the NEXT link (to page 2)
  1548. itemSelector : '.entry', // selector for all items you'll retrieve
  1549. loading: {
  1550. img: 'http://i.imgur.com/QKVJSRY.gif',
  1551. donetext : ''
  1552. }
  1553. },
  1554. // trigger Masonry as a callback
  1555. function( newElements ) {
  1556. var $newElems = $( newElements ).css({ opacity: 0 });
  1557. // ensure that images load before adding to masonry layout
  1558. $newElems.imagesLoaded(function(){
  1559. $newElems.animate({ opacity: 1 });
  1560. $container.masonry( 'appended', $newElems, true );
  1561. });
  1562. }
  1563. );
  1564.  
  1565. });
  1566. </script>
  1567.  
  1568. <!-- End Masonry JS -->
  1569.  
  1570.  
  1571.  
  1572.  
  1573.  
  1574. <!-- Scroll To Top JS -->
  1575.  
  1576. <script type="text/javascript">
  1577. //plugin
  1578. jQuery.fn.topLink = function(settings) {
  1579. settings = jQuery.extend({
  1580. min: 1,
  1581. fadeSpeed: 200
  1582. }, settings);
  1583. return this.each(function() {
  1584. //listen for scroll
  1585. var el = $(this);
  1586. el.hide(); //in case the user forgot
  1587. $(window).scroll(function() {
  1588. if($(window).scrollTop() >= settings.min)
  1589. {
  1590. el.fadeIn(settings.fadeSpeed);
  1591. }
  1592. else
  1593. {
  1594. el.fadeOut(settings.fadeSpeed);
  1595. }
  1596. });
  1597. });
  1598. };
  1599.  
  1600. //usage w/ smoothscroll
  1601. $(document).ready(function() {
  1602. //set the link
  1603. $('#top-link').topLink({
  1604. min: 400,
  1605. fadeSpeed: 500
  1606. });
  1607. //smoothscroll
  1608. $('#top-link').click(function(e) {
  1609. e.preventDefault();
  1610. $.scrollTo(0,300);
  1611. });
  1612. });
  1613.  
  1614. </script>
  1615.  
  1616. <!-- End Scroll To Top JS -->
  1617.  
  1618.  
  1619.  
  1620. </body>
  1621.  
  1622. </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!