API tools faq
paste
Advertisement
lostmemento

07 | Rolling in the Deep

lostmemento
Apr 22nd, 2013
23,530
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.42 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <!--------------------------------------------
  4. 07: ROLLING IN THE DEEP
  5. MADE BY: http://lostmemento.tumblr.com (lmthemes)
  6. ---------------------------------------------
  7.  
  8. TERMS OF USAGE:
  9. - DO NOT REMOVE THE CREDIT
  10. - DO NOT REDISTRIBUTE
  11. - DO NOT CLAIM AS YOUR OWN
  12. - DO NOT USE AS A BASE
  13.  
  14. --------------------------------------------->
  15.  
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  19. <meta name="description" content="" />
  20. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  21.  
  22.  
  23. <!--------------------------------------------
  24. SCRIPTS
  25. --------------------------------------------->
  26. <script type="text/javascript" src="http://static.tumblr.com/bkd4m5b/E25mlo9qc/1.7.2.jquery.min.js"></script>
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
  29.  
  30. <script src="http://static.tumblr.com/bkd4m5b/QyZmjthkj/1.7.1.jquery.min.js"></script>
  31. <script>
  32. $().ready(function() {
  33. $("[title]").style_my_tooltips({
  34. tip_follows_cursor: "on", //on/off
  35. tip_delay_time: 200 //milliseconds
  36. });
  37. });
  38. </script>
  39.  
  40.  
  41. {block:If250pxPost}
  42. <script src="http://static.tumblr.com/bkd4m5b/YZZmbae0e/masonry.js"></script>
  43.  
  44. <script type="text/javascript">
  45. $(window).load(function () {
  46. $('.post').masonry({
  47. itemSelector : ".posts",
  48. },
  49. function() { $('.post').masonry({ appendedContent: $(this) }); }
  50. );
  51. });
  52. </script>
  53. {/block:If250pxPost}
  54.  
  55. <!--------------------------------------------
  56. DEFAULT APPEARANCE OPTIONS
  57. --------------------------------------------->
  58. <meta name="image:sidebar" content=""/>
  59. <meta name="image:header" content=""/>
  60.  
  61. <meta name="if:400pxPost" content="1"/>
  62. <meta name="if:250pxPost" content="0"/>
  63. <meta name="if:Show Reblog" content="1"/>
  64. <meta name="if:Show Photo Captions on Hover" content="0"/>
  65. <meta name="if:Show Photo Captions Permalink Only" content="1"/>
  66. <meta name="if:Show Notes Symbol" content="0"/>
  67. <meta name="if:AudioPlayerWhite" content="1"/>
  68. <meta name="if:AudioPlayerGrey" content="0"/>
  69. <meta name="if:AudioPlayerBlack" content="0"/>
  70.  
  71. <meta name="if:AltTitle" content="0"/>
  72. <meta name="if:Uppercase" content="1"/>
  73. <meta name="if:Italic" content="1"/>
  74.  
  75. <meta name="color:bg" content="#ffffff"/>
  76. <meta name="color:Header background" content="#e7fbfb"/>
  77. <meta name="color:Top bar link background" content="#222222"/>
  78. <meta name="color:Top bar link font" content="#dddddd"/>
  79. <meta name="color:Accent" content="#84d6e5"/>
  80. <meta name="color:Font" content="#777777"/>
  81. <meta name="color:Border" content="#f9f9f9"/>
  82.  
  83. <meta name="text:Post Font Size" content="11px"/>
  84. <meta name="text:Post Heading Font Size" content="14px"/>
  85. <meta name="text:Small Font Size" content="8px"/>
  86. <meta name="text:Tags Font Size" content="8px"/>
  87. <meta name="text:Navigation Font Size" content="9px"/>
  88.  
  89. <meta name="text:Notes Symbol" content="&hearts;"/>
  90. <meta name="text:Sidebar Text Align" content="center"/>
  91. <meta name="text:Ask Action" content="asked"/>
  92.  
  93. <meta name="text:Letter Spacing" content="1px"/>
  94.  
  95. <meta name="text:Main Font" content="Calibri, helvetica, arial"/>
  96. <meta name="text:Secondary Font" content="Fjalla One"/>
  97.  
  98. <meta name="text:Alt Title Line1" content="line one"/>
  99. <meta name="text:Alt Title Line2" content="line two"/>
  100.  
  101. <meta name="text:Link1 Url" content="http://"/>
  102. <meta name="text:Link1 Name" content=""/>
  103. <meta name="text:Link2 Url" content="http://"/>
  104. <meta name="text:Link2 Name" content=""/>
  105. <meta name="text:Link3 Url" content="http://"/>
  106. <meta name="text:Link3 Name" content=""/>
  107. <meta name="text:Link4 Url" content="http://"/>
  108. <meta name="text:Link4 Name" content=""/>
  109. <meta name="text:Link5 Url" content="http://"/>
  110. <meta name="text:Link5 Name" content=""/>
  111. <meta name="text:Link6 Url" content="http://"/>
  112. <meta name="text:Link6 Name" content=""/>
  113. <meta name="text:Link7 Url" content="http://"/>
  114. <meta name="text:Link7 Name" content=""/>
  115. <meta name="text:Link8 Url" content="http://"/>
  116. <meta name="text:Link8 Name" content=""/>
  117. <meta name="text:Link9 Url" content="http://"/>
  118. <meta name="text:Link9 Name" content=""/>
  119. <meta name="text:Link10 Url" content="http://"/>
  120. <meta name="text:Link10 Name" content=""/>
  121.  
  122. <style type="text/css">
  123. body {
  124. font-family: {text:Main Font};
  125. margin: 0px;
  126. font-size: {text:Post Font Size};
  127. line-height: 100%;
  128. color: {color:Font};
  129. background-color: {color:bg};}
  130.  
  131. img {display: block;}
  132.  
  133. a img {border: 0px;}
  134.  
  135. a:link, a:visited, a:active {
  136. text-decoration: none;
  137. transition-duration: 0.6s;
  138. -moz-transition-duration: 0.6s;
  139. -webkit-transition-duration: 0.6s;
  140. -o-transition-duration: 0.6s;}
  141.  
  142. a:hover {
  143. transition-duration: 0.6s;
  144. -moz-transition-duration: 0.6s;
  145. -webkit-transition-duration: 0.6s;
  146. -o-transition-duration: 0.6s;}
  147.  
  148.  
  149. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Accent}; height: 10px;}
  150. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:Accent}; height:10px!important;}
  151. ::-webkit-scrollbar {background-color: {color:Top bar link background}; height:8px; width:5px;}
  152.  
  153. iframe#tumblr_controls {-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; right:3px !important; position: fixed !important;}
  154.  
  155. #s-m-t-tooltip{
  156. position:absolute;
  157. z-index:90000;
  158. color: {color:Post Font};
  159. display:inline-block;
  160. background-color: {color:Post};
  161. padding: 1px 6px;
  162. max-width:100px;
  163. border: 1px solid {color:Border};
  164. font-size: {text:Small Font Size};
  165. {color:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  166. letter-spacing: {text:Letter Spacing};
  167. word-wrap: break-word;
  168. word-break: break-all;
  169. line-height: 120%;}
  170.  
  171. #top {
  172. width: 100%;
  173. background-color: {color:Header background};
  174. position: relative;
  175. z-index: 5;}
  176.  
  177. .header {height: 200px; margin: auto;}
  178.  
  179. .header img {margin: auto;}
  180.  
  181. .tplinks {background-color: {color:Top bar link background};
  182. padding: 8px 0px;
  183. text-align: center;
  184. position: fixed;
  185. width: 100%;
  186. z-index: 5;}
  187.  
  188. .tplinks a {color: {color:Top bar link font};
  189. font-size: {text:Small Font Size};
  190. letter-spacing: {text:Letter Spacing};
  191. margin: 0px 10px;
  192. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}}
  193.  
  194. .tplinks a:hover {border-bottom: 1px solid {color:Accent};}
  195.  
  196. .container {margin: auto;
  197. {block:IfNot400pxPost}width: 800px;{/block:IfNot400pxPost}
  198. {block:If400pxPost}width: 700px;{/block:If400pxPost}
  199. {/block:IfNot250pxPost}
  200. {block:If250pxPost}
  201. width: 840px;
  202. {block:PermalinkPage}width: 800px;{/block:PermalinkPage}
  203. margin-bottom: 20px;
  204. {/block:If250pxPost}}
  205.  
  206. .sidebar {
  207. position: fixed;
  208. width: 200px;
  209. height: 100%;
  210. border-right: 1px solid {color:Border};
  211. padding: 20px;
  212. top: 230px;}
  213.  
  214. .sbic {margin-bottom: 15px; {block:IfItalic}font-style: italic;{/block:IfItalic}}
  215.  
  216. .sbic img {height: 25px;}
  217.  
  218. .sidebar img {max-width: 200px;}
  219.  
  220. .sidebar a {color: {color:Accent};}
  221.  
  222. #sb {background-color: {color:Accent}; color: {color:bg}; padding: 4px 5px; border: 1px solid {color:Accent};}
  223. #sb:hover {color: {color:Accent}; background-color: {color:bg}; border: 1px solid {color:Accent};}
  224.  
  225. .descript {text-align: {text:Sidebar Text Align}; margin: 10px 0px;}
  226.  
  227. .plinks {
  228. width: 80%;
  229. margin: auto;
  230. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  231. letter-spacing: {text:Letter Spacing};
  232. font-size: {text:Small Font Size};}
  233.  
  234. .plinks a {
  235. display: block;
  236. text-align: center;
  237. padding: 5px 0px;
  238. border-top: 1px solid #f9f9f9;}
  239.  
  240. .plinks a:hover {background-color: {color:Border};}
  241.  
  242. .nav {margin-top: 10px; font-size: {text:Navigation Font Size}; text-align: center;}
  243.  
  244. .nav a {color: {color:Accent}; padding: 2px 6px;}
  245.  
  246. .nav a:hover {background-color: {color:Accent}; color: {color:bg};}
  247.  
  248. .ar {font-family: arial;}
  249.  
  250. .current_page {
  251. background-color: {color:Accent};
  252. color: {color:bg};
  253. padding: 2px 6px;}
  254.  
  255.  
  256. .post {
  257. {block:IfNot250pxPost}
  258. {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  259. {block:If400pxPost}width: 400px;{/block:If400pxPost}
  260. {/block:IfNot250pxPost}
  261. {block:If250pxPost}
  262. width: 540px;
  263. {/block:If250pxPost}
  264. margin-left: 270px;
  265. margin-top: 50px;}
  266.  
  267.  
  268. .posts {
  269. min-height: 50px;
  270. margin: 80px 0px;
  271. {block:If250pxPost}
  272. float:left;
  273. margin: 20px 10px;
  274. display: inline-block;
  275. width: 250px;
  276. {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
  277. {/block:If250pxPost}
  278. text-align: justify;}
  279.  
  280. .posts img, .posts blockquote, .posts ul, .posts ol {max-width: 100%}
  281.  
  282. .posts li {list-style: square;}
  283.  
  284. .posts blockquote {border-left: 1px solid {color:Top bar link background}; padding-left: 5px; color: {color:Top bar link background};}
  285.  
  286. .posts a {color: {color:Accent}; {block:IfItalic}font-style: italic;{/block:IfItalic}}
  287. .posts a:hover {color: {color:Top bar link background};}
  288.  
  289. .posts h1 {
  290. font-weight: normal;
  291. font-family: {text:Secondary Font};
  292. font-size: {text:Post Heading Font Size};
  293. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  294. letter-spacing: {text:Letter Spacing};}
  295.  
  296. .posts h1 a {
  297. font-style: normal;
  298. text-transform: none;
  299. display: block;
  300. text-align: center;}
  301.  
  302. .cap {
  303. {block:IfShowPhotoCaptionsonHover}
  304. display: none;
  305. {/block:IfShowPhotoCaptionsonHover}
  306. {block:IfNotShowPhotoCaptionsonHover}
  307. display: block;
  308. {/block:IfNotShowPhotoCaptionsonHover}}
  309.  
  310. .posts:hover .cap {display: block;}
  311.  
  312. /* --------------------------------------
  313. QUOTE
  314. -------------------------------------- */
  315. .quote {width: 70%; margin: 20px auto; line-height: 200%}
  316.  
  317. .source {text-align: right;
  318. font-size: {text:Small Font Size};
  319. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  320. letter-spacing: {text:Letter Spacing};
  321. margin-top: 10px;}
  322.  
  323. .quote_short {font-size: 18px; font-family: {text:Secondary Font};}
  324. .quote_medium {font-size: 14px; font-family: {text:Secondary Font};}
  325. .quote_long {font-size: {text:Post Font Size};}
  326.  
  327. /* --------------------------------------
  328. CHAT
  329. -------------------------------------- */
  330. .chat li {list-style: none;}
  331. .chat .label {color: {color:Accent};}
  332.  
  333. /* --------------------------------------
  334. ANSWER
  335. -------------------------------------- */
  336. .ques {background-color: {color:Border}; min-height: 42px;}
  337.  
  338. .ques img {
  339. background-color: {color:bg};
  340. padding: 10px;
  341. border: 1px solid {color:Border};
  342. float: left;
  343. margin-right: 20px;}
  344.  
  345. .qu {padding: 20px;}
  346.  
  347.  
  348. /* --------------------------------------
  349. AUDIO
  350. -------------------------------------- */
  351. .mus {
  352. height: 122px;
  353. {block:If250pxPost}height: 252px;{/block:If250pxPost}
  354. background-color: {color:Border};
  355. display: table;
  356. {block:IfNot250pxPost}
  357. {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  358. {block:If400pxPost}width: 400px;{/block:If400pxPost}
  359. {/block:IfNot250pxPost}
  360. {block:If250pxPost}
  361. width: 250px;
  362. {/block:If250pxPost};
  363. position: relative;}
  364.  
  365. .mus img {
  366. width: 100px;
  367. {block:If250pxPost}width: 230px;{/block:If250pxPost}
  368. position: absolute;
  369. padding: 10px;
  370. background-color: {color:bg};
  371. border: 1px solid {color:Border};}
  372.  
  373. .audioverlay {opacity: 0.3;
  374. {block:IfAudioPlayerWhite}background-color: #fff;{/block:IfAudioPlayerWhite}
  375. {block:IfAudioPlayerGrey}background-color: #e4e4e4;{/block:IfAudioPlayerGrey}
  376. {block:IfAudioPlayerBlack}background-color: #000;{/block:IfAudioPlayerBlack}
  377. position: absolute;
  378. z-index: 10;
  379. margin-top: 35px; margin-left: 35px;
  380. transition-duration: 0.6s;
  381. -moz-transition-duration: 0.6s;
  382. -webkit-transition-duration: 0.6s;
  383. -o-transition-duration: 0.6s;
  384. z-index: 100;}
  385.  
  386. .mus:hover .audioverlay {opacity: 0.8;
  387. transition-duration: 0.6s;
  388. -moz-transition-duration: 0.6s;
  389. -webkit-transition-duration: 0.6s;
  390. -o-transition-duration: 0.6s;}
  391.  
  392. .audioarrow {width: 20px; height: 30px; overflow: hidden; margin:10px 19px 10px 12px;}
  393.  
  394. .musiclabel {
  395. display: table-cell;
  396. vertical-align: middle;
  397. {block:IfNot250pxPost}
  398. {block:IfNot400pxPost}width: 375px;{/block:IfNot400pxPost}
  399. {block:If400pxPost}width: 275px;{/block:If400pxPost}
  400. {/block:IfNot250pxPost}
  401. {block:If250pxPost}
  402. {block:IndexPage}display: none;{/block:IndexPage}
  403. {block:PermalinkPage}width: 375px;{/block:PermalinkPage}
  404. {/block:If250pxPost}
  405. text-align: center;
  406. font-size: {text:Small Font Size};
  407. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  408. letter-spacing: {text:Letter Spacing};}
  409.  
  410. .mlabel {font-size: {text:Post Heading Font Size}; color: {color:Accent}; font-family: {text:Secondary Font};}
  411.  
  412.  
  413. /* --------------------------------------
  414. POST INFO
  415. -------------------------------------- */
  416. .dtl {
  417. height: 1px;
  418. background-color: {color:Border};
  419. {block:IfNot250pxPost}
  420. {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  421. {block:If400pxPost}width: 400px;{/block:If400pxPost}
  422. {/block:IfNot250pxPost}
  423. {block:If250pxPost}
  424. width: 250px;
  425. {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
  426. {/block:If250pxPost}
  427. position: absolute;
  428. display: block;
  429. margin-top: 5px; z-index: 0;}
  430.  
  431. .date {
  432. text-align: center;
  433. font-size: {text:Small Font Size};
  434. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  435. letter-spacing: {text:Letter Spacing};
  436. margin-top: 10px;}
  437.  
  438. .date a {
  439. position: relative;
  440. z-index: 1;
  441. background-color: {color:bg};
  442. padding: 0px 8px;
  443. color: {color:Font};
  444. font-style: normal;}
  445.  
  446. .date a:hover {color: {color:Accent};}
  447.  
  448. .tgs {
  449. text-align: center;
  450. font-size: {text:Tags Font Size};
  451. letter-spacing: {text:Letter Spacing};
  452. margin-top: 5px;}
  453.  
  454. .tgs a {margin: 0px 4px;}
  455.  
  456. .notes li {list-style: none;}
  457.  
  458. ol.notes {
  459. padding: 0px;
  460. margin: 25px 0px;
  461. list-style-type: none;
  462. font-size: {text:Small Font Size};
  463. letter-spacing: {text:Letter Spacing};}
  464.  
  465. ol.notes li.note {padding: 10px;}
  466.  
  467. ol.notes li.note img.avatar {
  468. vertical-align: -4px;
  469. margin-right: 10px;
  470. width: 16px;
  471. height: 16px;
  472. display: inline-block;}
  473.  
  474. ol.notes li.note span.action {font-weight: normal;}
  475.  
  476. ol.notes li.note .answer_content {font-weight: normal;}
  477.  
  478. ol.notes li.note blockquote {background-color: {color:Border}; padding: 4px 10px; margin: 10px 0px 0px 25px;}
  479.  
  480. ol.notes li.note blockquote a {text-decoration: none;}
  481.  
  482. /* --------------------------------------
  483. CUSTOM CSS
  484. -------------------------------------- */
  485. {CustomCSS}
  486. </style>
  487.  
  488. <script type="text/javascript">
  489. $(function(){ // document ready
  490. if (!!$('.tplinks').offset()) { // make sure ".sticky" element exists
  491. var stickyTop = $('.tplinks').offset().top; // returns number
  492. $(window).scroll(function(){ // scroll event
  493. var windowTop = $(window).scrollTop(); // returns number
  494. if (stickyTop < windowTop){
  495. $('.tplinks').css({ position: 'fixed', top: 0 });
  496. }
  497. else {
  498. $('.tplinks').css('position','static');
  499. }
  500. });
  501. }
  502. });
  503. </script>
  504.  
  505. <script type="text/javascript">
  506. $(function(){ // document ready
  507. if (!!$('.sidebar').offset()) { // make sure ".sticky" element exists
  508. var stickyTop = $('.sidebar').offset().top; // returns number
  509. $(window).scroll(function(){ // scroll event
  510. var windowTop = $(window).scrollTop(); // returns number
  511. if (stickyTop < windowTop){
  512. $('.sidebar').css({ position: 'fixed', top: 30 });
  513. }
  514. else {
  515. $('.sidebar').css({ position: 'fixed', top: 230 });
  516. }
  517. });
  518. }
  519. });
  520. </script>
  521.  
  522. </head>
  523.  
  524.  
  525.  
  526. <body>
  527. <div id="top"><a href="/"><img src="{image:header}" class="header"></a></div>
  528. <div class="tplinks">
  529. <a href="/">INDEX</a>
  530. {block:AskEnabled}<a href="/ask">MESSAGE</a>{/block:AskEnabled}
  531. {block:SubmissionsEnabled} <a href="/submit">SUBMIT</a>{/block:SubmissionsEnabled}
  532. <a href="/archive">ARCHIVE</a>
  533.  
  534. {block:IfLink1Name}<a href="{text:Link1 Url}">{text:Link1 Name}</a>{/block:IfLink1Name}
  535. {block:IfLink2Name}<a href="{text:Link2 Url}">{text:Link2 Name}</a>{/block:IfLink2Name}
  536. {block:IfLink3Name}<a href="{text:Link3 Url}">{text:Link3 Name}</a>{/block:IfLink3Name}
  537. </div>
  538.  
  539. <div class="container">
  540.  
  541. <div class="sidebar">
  542.  
  543. <table class="sbic"><tr><td><a href="/"><img src="{PortraitURL-40}"></a></td><td style="text-align: left; padding-left: 5px;">
  544. {block:IfNotAltTitle}{Title}{/block:IfNotAltTitle}
  545. {block:IfAltTitle}
  546. {text:Alt Title Line1}<br>
  547. {text:Alt Title Line2}
  548. {/block:IfAltTitle}
  549. </td></tr></table>
  550.  
  551. <img src="{image:sidebar}">
  552.  
  553. <div class="descript">{Description}</div>
  554.  
  555. <div class="plinks">
  556. {block:IfLink4Name}<a href="{text:Link4 Url}">{text:Link4 Name}</a>{/block:IfLink4Name}
  557. {block:IfLink5Name}<a href="{text:Link5 Url}">{text:Link5 Name}</a>{/block:IfLink5Name}
  558. {block:IfLink6Name}<a href="{text:Link6 Url}">{text:Link6 Name}</a>{/block:IfLink6Name}
  559. {block:IfLink7Name}<a href="{text:Link7 Url}">{text:Link7 Name}</a>{/block:IfLink7Name}
  560. {block:IfLink8Name}<a href="{text:Link8 Url}">{text:Link8 Name}</a>{/block:IfLink8Name}
  561. {block:IfLink9Name}<a href="{text:Link9 Url}">{text:Link9 Name}</a>{/block:IfLink9Name}
  562. {block:IfLink10Name}<a href="{text:Link10 Url}">{text:Link10 Name}</a>{/block:IfLink10Name}
  563. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  564.  
  565.  
  566. </div>
  567.  
  568. <!----------------------------
  569. PAGE NAV
  570. ---------------------------->
  571. <div class="nav">
  572. {block:Pagination}
  573. {block:PreviousPage}<a href="{PreviousPage}" class="ar">&#8592;</a>{/block:PreviousPage}
  574.  
  575. {block:JumpPagination length="5"}
  576. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  577.  
  578. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  579. {/block:JumpPagination}
  580.  
  581. {block:NextPage}<a href="{NextPage}" class="ar">&rarr;</a>{/block:NextPage}
  582. {/block:Pagination}
  583. </div>
  584.  
  585. </div>
  586.  
  587. <div class="post">
  588.  
  589.  
  590. {block:Posts}<div class="posts">
  591.  
  592. <!--------------------------------------------
  593. TEXT POSTS
  594. --------------------------------------------->
  595. {block:Text}
  596. {block:Title}<h1>{Title}</h1>{/block:Title}
  597. {Body}
  598. {/block:Text}
  599.  
  600.  
  601.  
  602.  
  603. <!--------------------------------------------
  604. PHOTO POSTS
  605. --------------------------------------------->
  606. {block:Photo}
  607. {LinkOpenTag}{block:IfNot250pxPost}{block:IfNot400pxPost}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{/block:IfNot400pxPost}
  608. {block:If400pxPost}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px">{/block:If400pxPost}{/block:IfNot250pxPost}
  609. {block:If250pxPost}{block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="250px">{/block:IndexPage} {block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{/block:PermalinkPage}{/block:If250pxPost}{LinkCloseTag}
  610.  
  611. {block:IfNotShowPhotoCaptionsPermalinkOnly}
  612. {block:IndexPage}<div class="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:IndexPage}
  613. {/block:IfNotShowPhotoCaptionsPermalinkOnly}
  614.  
  615. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  616.  
  617. {/block:Photo}
  618.  
  619.  
  620.  
  621.  
  622. <!--------------------------------------------
  623. PHOTOSET POSTS
  624. --------------------------------------------->
  625. {block:Photoset}
  626. {block:IfNot250pxPost}{block:IfNot400pxPost}{Photoset-500}{/block:IfNot400pxPost}
  627. {block:If400pxPost}{Photoset-400}{/block:If400pxPost}{/block:IfNot250pxPost}
  628. {block:If250pxPost}{block:IndexPage}{Photoset-250}{/block:IndexPage} {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}{/block:If250pxPost}
  629.  
  630. {block:IfNotShowPhotoCaptionsPermalinkOnly}
  631. {block:IndexPage}<div class="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:IndexPage}
  632. {/block:IfNotShowPhotoCaptionsPermalinkOnly}
  633.  
  634. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  635. {/block:Photoset}
  636.  
  637. <!--------------------------------------------
  638. QUOTE POSTS
  639. --------------------------------------------->
  640. {block:Quote}
  641. <div class="quote">
  642. <div class="quote_{Length}">“{Quote}”</div>
  643. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  644. </div>
  645. {/block:Quote}
  646.  
  647.  
  648.  
  649.  
  650. <!--------------------------------------------
  651. LINK POSTS
  652. --------------------------------------------->
  653. {block:Link}
  654. <h1><a href="{URL}">{Name}</a></h1>
  655. {block:Description}{Description}{/block:Description}
  656. {/block:Link}
  657.  
  658.  
  659.  
  660.  
  661. <!--------------------------------------------
  662. CHAT POSTS
  663. --------------------------------------------->
  664. {block:Chat}
  665. {block:Title}<h1>{Title}</h1>{/block:Title}
  666. <div class="chat"><ul>{block:Lines}
  667. <li class="line">{block:Label}
  668. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  669. {/block:Chat}
  670.  
  671.  
  672.  
  673. <!--------------------------------------------
  674. VIDEO POSTS
  675. --------------------------------------------->
  676. {block:Video}
  677. {block:IfNot250pxPost}{block:IfNot400pxPost}{Video-500}{/block:IfNot400pxPost}
  678. {block:If400pxPost}{Video-400}{/block:If400pxPost}{/block:IfNot250pxPost}
  679. {block:If250pxPost}{block:IndexPage}{Video-250}{/block:IndexPage} {block:PermalinkPage}{Video-400}{/block:PermalinkPage}{/block:If250pxPost}
  680. {block:Caption}{Caption}{/block:Caption}
  681. {/block:Video}
  682.  
  683.  
  684.  
  685.  
  686. <!--------------------------------------------
  687. ANSWER POSTS
  688. --------------------------------------------->
  689. {block:Answer}
  690. <div class="ques">
  691. <img src="{AskerPortraitURL-40}"> <div class="qu">{Asker} {text:Ask Action}:</p>
  692. {Question}
  693. </div>
  694. </div>
  695. {Answer}
  696. {/block:Answer}
  697.  
  698.  
  699. <!--------------------------------------------
  700. AUDIO POSTS
  701. --------------------------------------------->
  702. {block:Audio}
  703. <div class="mus">
  704. {block:AudioPlayer}
  705. <div class="audioverlay"><div class="audioarrow">{block:IfAudioPlayerWhite}{AudioPlayerWhite}{/block:IfAudioPlayerWhite}
  706. {block:IfAudioPlayerGrey}{AudioPlayerGrey}{/block:IfAudioPlayerGrey}
  707. {block:IfAudioPlayerBlack}{AudioPlayerBlack}{/block:IfAudioPlayerBlack}</div></div>
  708. {/block:AudioPlayer}
  709.  
  710. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art"/>
  711. {block:AlbumArt}
  712. <img class="cover" src="{AlbumArtURL}" />
  713. {/block:AlbumArt}
  714.  
  715. <div class="musiclabel">
  716. {block:TrackName}<span class="mlabel">{TrackName}</span>{/block:TrackName}<br>
  717. {block:Artist}{Artist}{/block:Artist} {block:Album}· {Album}{/block:Album}<br>
  718. {block:Playcount}{Playcount} Plays{/block:Playcount}
  719. </div></div>
  720.  
  721. {block:Caption}{Caption}{/block:Caption}
  722. {/block:Audio}
  723.  
  724.  
  725. <!--------------------------------------------
  726. POST INFO
  727. --------------------------------------------->
  728. {block:Date}<div class="date"><div class="dtl"></div>
  729.  
  730. <a href="{Permalink}" style="margin-right: 8px;">
  731. {block:NewDayDate}{ShortMonth} {DayOfMonthWithZero}{/block:NewDayDate}
  732.  
  733. {block:SameDayDate}{TimeAgo}{/block:SameDayDate}
  734.  
  735. {block:NoteCount}&middot; {block:IfNotShowNotesSymbol}{NoteCountWithLabel}{/block:IfNotShowNotesSymbol}
  736. {block:IfShowNotesSymbol}{NoteCount} {text:Notes Symbol}{/block:IfShowNotesSymbol}{/block:NoteCount}</a>
  737.  
  738. {block:IfShowReblog}{block:If250pxPost}{block:IndexPage}<div style="display:none">{/block:IndexPage}{/block:If250pxPost}{block:RebloggedFrom}<a href="{ReblogParentURL}" style="margin-left: 8px; padding-right: 4px;" title="{ReblogParentName}">via</a><a href="/" style="padding: 0px 4px;">&middot;</a><a href="{ReblogRootURL}" title="{ReblogRootName}" style="padding-left: 4px;">source</a>
  739. {/block:RebloggedFrom}{block:If250pxPost}{block:IndexPage}</div>{/block:IndexPage}{/block:If250pxPost}{/block:IfShowReblog}
  740. </div>
  741. {/block:Date}
  742.  
  743. <!--- TAGS --->
  744. {block:HasTags}
  745. <div class="tgs">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  746. </div>{/block:HasTags}
  747.  
  748. {PostNotes}
  749. </div>
  750.  
  751. {block:ContentSource}
  752.  
  753. <!--{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  754.  
  755. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  756.  
  757. {/block:SourceLogo}
  758.  
  759. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  760.  
  761. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}{/block:Posts}
  762.  
  763. </div></div>
  764.  
  765.  
  766.  
  767. </body>
  768. </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!