API tools faq
paste
Advertisement
lostmemento

02 | Back to the Future

lostmemento
Mar 7th, 2013
3,371
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.45 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <!--------------------------------------------
  4. 02: BACK TO THE FUTURE
  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="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  20. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  21.  
  22. <!--------------------------------------------
  23. SCRIPTS
  24. --------------------------------------------->
  25.  
  26. <script src="http://static.tumblr.com/bkd4m5b/Lksmjbhsk/1.7.1.jquery.min.js"></script>
  27. <script>
  28. $().ready(function() {
  29. $("[title]").style_my_tooltips({
  30. tip_follows_cursor: "on", //on/off
  31. tip_delay_time: 200 //milliseconds
  32. });
  33. });
  34. </script>
  35.  
  36.  
  37. <script type="text/javascript" src="http://static.tumblr.com/bkd4m5b/ehWmjbgtm/lazyload.js"></script>
  38. <script type="text/javascript" charset="utf-8">
  39. var $j = jQuery.noConflict();
  40. $j(function() {
  41. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  42. $j("img").lazyload({
  43. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  44. effect: "fadeIn",
  45. });
  46. });
  47. </script>
  48.  
  49. {block:IndexPage}<script language="javascript" type="text/javascript" src="http://static.tumblr.com/f1skqpy/0Zxm39elv/smoothhorizontalsscroll.js"></script>{/block:IndexPage}
  50.  
  51. <!--------------------------------------------
  52. DEFAULT APPEARANCE OPTIONS
  53. --------------------------------------------->
  54.  
  55. <meta name="image:sidebar" content=""/>
  56. <meta name="image:background" content=""/>
  57.  
  58. <meta name="if:Background No Repeat" content="0"/>
  59. <meta name="if:Background Fixed" content="0"/>
  60. <meta name="if:Show Reblog" content="0"/>
  61. <meta name="if:Show Tags" content="0"/>
  62. <meta name="if:Show Notes Symbol" content="0"/>
  63. <meta name="if:Time Ago" content="0"/>
  64. <meta name="if:AudioPlayerWhite" content="1"/>
  65. <meta name="if:AudioPlayerGrey" content="0"/>
  66. <meta name="if:AudioPlayerBlack" content="0"/>
  67.  
  68. <meta name="if:Uppercase" content="1"/>
  69. <meta name="if:Lowercase" content="1"/>
  70. <meta name="if:Italic" content="1"/>
  71.  
  72. <meta name="color:Scrollbar Background" content="#eeeeee"/>
  73. <meta name="color:Scrollbar" content="#999999"/>
  74.  
  75. <meta name="color:bg" content="#ffffff"/>
  76. <meta name="color:Accent" content="#FFFF00"/>
  77. <meta name="color:Post" content="#ffffff"/>
  78. <meta name="color:Post Font" content="#000000"/>
  79. <meta name="color:Link" content="#000000"/>
  80. <meta name="color:Answer" content="#f9f9f9"/>
  81. <meta name="color:Blockquote" content="#333333"/>
  82. <meta name="color:Border" content="#eeeeee"/>
  83. <meta name="color:Post Notes Font" content="#555555"/>
  84. <meta name="color:Post Notes Blockquote" content="#fcfcfc"/>
  85.  
  86. <meta name="text:Sidebar Font Size" content="7px"/>
  87. <meta name="text:Sidebar Link Font Size" content="7px"/>
  88. <meta name="text:Sidebar Title Font Size" content="18px"/>
  89. <meta name="text:Post Font Size" content="10px"/>
  90. <meta name="text:Post Title Font Size" content="18px"/>
  91. <meta name="text:Tags Font Size" content="9px"/>
  92. <meta name="text:Small Font Size" content="7px"/>
  93.  
  94. <meta name="text:Background Position" content=""/>
  95. <meta name="text:Notes Symbol" content="&hearts;"/>
  96. <meta name="text:Sidebar Text Align" content="center"/>
  97. <meta name="text:Ask Action" content="asked"/>
  98. <meta name="text:Letter Spacing" content="1px"/>
  99. <meta name="text:Title Letter Spacing" content="4px"/>
  100. <meta name="text:Sidebar Image Height" content="200px"/>
  101. <meta name="text:Alt Title" content=""/>
  102.  
  103. <meta name="text:Main Font" content="Times, Times New Roman"/>
  104. <meta name="text:Secondary Font" content="Cambria"/>
  105.  
  106. <meta name="text:Link1 Url" content="http://"/>
  107. <meta name="text:Link1 Name" content=""/>
  108. <meta name="text:Link2 Url" content="http://"/>
  109. <meta name="text:Link2 Name" content=""/>
  110. <meta name="text:Link3 Url" content="http://"/>
  111. <meta name="text:Link3 Name" content=""/>
  112. <meta name="text:Link4 Url" content="http://"/>
  113. <meta name="text:Link4 Name" content=""/>
  114. <meta name="text:Link5 Url" content="http://"/>
  115. <meta name="text:Link5 Name" content=""/>
  116. <meta name="text:Link6 Url" content="http://"/>
  117. <meta name="text:Link6 Name" content=""/>
  118. <meta name="text:Link7 Url" content="http://"/>
  119. <meta name="text:Link7 Name" content=""/>
  120. <meta name="text:Link8 Url" content="http://"/>
  121. <meta name="text:Link8 Name" content=""/>
  122.  
  123.  
  124. <style type="text/css">
  125. body{
  126. font-family: {text:Main Font};
  127. margin:0px;
  128. padding:0px;
  129. font-size: {text:Post Font Size};
  130. line-height:110%;
  131. background-color: {color:bg};
  132. background-image: url('{image:background}');
  133. {block:IfBackgroundNoRepeat}background-repeat: no-repeat;{/block:IfBackgroundNoRepeat}
  134. {block:IfBackgroundFixed}background-attachment: fixed;{/block:IfBackgroundFixed}
  135. {block:IfBackgroundPosition}background-position: {text:Background Position};{/block:IfBackgroundPosition}
  136. {block:IndexPage}overflow-y: hidden; overflow-x: auto;{/block:IndexPage}
  137. {block:PermalinkPage}overflow-y: auto; overflow-x: hidden;{/block:PermalinkPage}}
  138.  
  139. a, a:hover {text-decoration: none;
  140. transition-duration: 0.6s;
  141. -moz-transition-duration: 0.6s;
  142. -webkit-transition-duration: 0.6s;
  143. -o-transition-duration: 0.6s;}
  144.  
  145. a:-webkit-any-link {text-decoration: none;}
  146.  
  147. img {display: block;}
  148.  
  149. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Scrollbar}; border: 3px solid {color:Scrollbar Background};}
  150. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:bg}; height:10px!important; border: 4px solid {color:Scrollbar Background};}
  151. ::-webkit-scrollbar {background-color: {color:Scrollbar Background}; height:10px; width: 7px;}
  152.  
  153. #s-m-t-tooltip{
  154. position:absolute;
  155. z-index:90000;
  156. color: {color:Post Font};
  157. display:inline-block;
  158. background-color: {color:bg};
  159. padding: 1px 6px;
  160. max-width:100px;
  161. border: 0px;
  162. font-size: {text:Small Font Size};
  163. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  164. letter-spacing: {text:Letter Spacing};
  165. word-wrap: break-word;
  166. word-break: break-all;
  167. line-height: 120%;}
  168.  
  169.  
  170. 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;}
  171.  
  172.  
  173. /* --------------------------------------
  174. SIDEBAR
  175. -------------------------------------- */
  176. .sidebar {position: fixed;
  177. left: 0px; top: 0px;
  178. height: 100%;
  179. width: 200px;
  180. border-right: 1px solid {color:Border};
  181. background-color: {color:bg};
  182. z-index: 5;
  183. color: {color:Post Font};
  184. text-align: center;
  185. padding-top: 160px;}
  186.  
  187. .sidebar a {font-size: {text:Sidebar Link Font Size};
  188. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  189. letter-spacing: {text:Letter Spacing};
  190. color: {color:Link};}
  191.  
  192. {block:IfLink4Name}
  193. .sidebar .clinks a {display: block;}
  194. {/block:IfLink4Name}
  195.  
  196. .til {font-size: {text:Sidebar Title Font Size};
  197. {block:IfItalic}font-style: italic;{/block:IfItalic}
  198. letter-spacing: {text:Title Letter Spacing};
  199. {block:IfLowercase}text-transform: lowercase;{/block:IfLowercase}
  200. margin-bottom: 4px;}
  201.  
  202. .sidebar a:hover {background-color: {color:Accent};}
  203.  
  204. .desc {width: 150px; margin: auto; margin-bottom: 4px; height: {text:Sidebar Image Height};}
  205.  
  206. .descript {position: absolute;
  207. width: 150px;
  208. left: 25px;
  209. font-size: {text:Sidebar Font Size};
  210. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  211. {block:IfSidebarImage}opacity: 0.0;
  212. z-index: 1;
  213. {/block:IfSidebarImage}
  214. transition-duration: 0.6s;
  215. -moz-transition-duration: 0.6s;
  216. -webkit-transition-duration: 0.6s;
  217. -o-transition-duration: 0.6s;}
  218.  
  219. .descript td {height: {text:Sidebar Image Height};}
  220.  
  221. .descript a {background-color: {color:Accent};}
  222.  
  223. .dsub {max-height: {text:Sidebar Image Height};
  224. width: 150px;
  225. overflow-y: auto;
  226. text-align: {text:Sidebar Text Align};}
  227.  
  228. #sb {background-color: {color:Post Font}; color: {color:bg};}
  229.  
  230. #sb:hover {color: {color:Accent};}
  231.  
  232. {block:IfSidebarImage}
  233. .sidebar:hover .descript {opacity: 1.0;}
  234. .sidebar:hover .sbi {opacity: 0.1;}
  235.  
  236. .sidebar:hover .descript,
  237. .sidebar:hover .sbi {transition-duration: 0.6s;
  238. -moz-transition-duration: 0.6s;
  239. -webkit-transition-duration: 0.6s;
  240. -o-transition-duration: 0.6s;}
  241. {/block:IfSidebarImage}
  242.  
  243. .sbi {max-width: 150px;
  244. margin: auto;
  245. transition-duration: 0.6s;
  246. -moz-transition-duration: 0.6s;
  247. -webkit-transition-duration: 0.6s;
  248. -o-transition-duration: 0.6s;}
  249.  
  250. .nav {font-size: 9px; margin-top: 4px;}
  251.  
  252. /* --------------------------------------
  253. POSTS
  254. -------------------------------------- */
  255.  
  256. .container {
  257. {block:IndexPage}
  258. width: 2920px;
  259. height: 600px;
  260. {/block:IndexPage}
  261. {block:PermalinkPage}width: 100%; margin-right: -220px;{/block:PermalinkPage}
  262. margin-left: 220px;
  263. display: table;
  264. margin-top: 20px;}
  265.  
  266. .upper {height: auto;
  267. border-bottom: 1px solid {color:Border};
  268. position: relative;
  269. padding-right: 20px;}
  270.  
  271. .post_o {vertical-align: bottom;
  272. padding: 10px;
  273. padding-bottom: 0px;
  274. {block:IndexPage}display: table-cell; {/block:IndexPage}
  275. {block:PermalinkPage}
  276. display: block;
  277. margin-left: 200px;
  278. width: 520px;
  279. {/block:PermalinkPage}}
  280.  
  281. .post {border: 3px double {color:Border};
  282. padding: 10px;
  283. font-size: {text:Post Font Size};
  284. line-height: 110%;
  285. text-align: justify;
  286. font-family: {text:Secondary Font};
  287. background-color: {color:Post};
  288. color: {color:Post Font};
  289. {block:IndexPage}
  290. margin: 10px;
  291. width: 250px;
  292. {/block:IndexPage}
  293. {block:PermalinkPage}
  294. width: 500px;
  295. {/block:PermalinkPage}
  296. margin-bottom: 0px;}
  297.  
  298. .post a {{block:IfItalic}font-style: italic;{/block:IfItalic}
  299. background-color: {color:Accent};
  300. letter-spacing: {text:Letter Spacing};
  301. color: {color:Link};}
  302.  
  303. .post a:hover {color: {color:Accent};}
  304.  
  305. .post li, .post blockquote, .post img {max-width: 100%;}
  306.  
  307. .post li {list-style: square;}
  308.  
  309. .post blockquote {border-left: 2px solid {color:Blockquote};
  310. padding-left: 5px;
  311. color: {color:Blockquote};
  312. {block:IfItalic}font-style: italic;{/block:IfItalic}}
  313.  
  314. .post h1 {font-weight: normal;
  315. {block:IfItalic}font-style: italic;{/block:IfItalic}
  316. text-align: center;
  317. font-family: {text:Main Font};
  318. line-height: 110%;
  319. font-size: {text:Post Title Font Size};}
  320.  
  321. .post img {{block:IndexPage}max-width: 250px;{/block:IndexPage}
  322. {block:PermalinkPage}max-width: 500px;{/block:PermalinkPage}}
  323.  
  324.  
  325. /* --------------------------------------
  326. ANSWER
  327. -------------------------------------- */
  328.  
  329. .an {padding: 10px;
  330. background-color: {color:Answer};
  331. min-height: 50px;
  332. {block:PermalinkPage}
  333. padding: 20px;
  334. {/block:PermalinkPage}}
  335.  
  336. .an img {border: 5px solid {color:Post}; float: left; margin-right: 10px;}
  337.  
  338. /* --------------------------------------
  339. QUOTE
  340. -------------------------------------- */
  341. .quote {width: 70%; margin: 20px auto;}
  342.  
  343. .source {text-align: right; margin-top: 20px;}
  344.  
  345. .quote_short {font-size: 18px; {block:IfItalic}font-style: italic;{/block:IfItalic} line-height: 100%;}
  346. .quote_medium {font-size: 14px; {block:IfItalic}font-style: italic;{/block:IfItalic} line-height: 100%;}
  347. .quote_long {font-size: {text:Post Font Size};}
  348.  
  349. /* --------------------------------------
  350. CHAT
  351. -------------------------------------- */
  352.  
  353. .chat ul {padding-left: 10px;}
  354. .chat li {list-style: none; margin-bottom: 5px;}
  355. .chat .label {background-color: {color:Accent}; {block:IfItalic}font-style: italic;{/block:IfItalic}}
  356.  
  357.  
  358. /* --------------------------------------
  359. AUDIO
  360. -------------------------------------- */
  361.  
  362. .mus {position: relative; height: 250px; background-color: {color:Answer};}
  363.  
  364. .mus img {width: 120px;
  365. opacity: 0.8;
  366. position: absolute;
  367. left: 65px;
  368. top: 55px;}
  369.  
  370. .cover {position: absolute;
  371. top: 55px;
  372. z-index: 0;
  373. left: 65px;}
  374.  
  375. .musinfo {position: absolute;
  376. top: 145px;
  377. z-index: 1;
  378. {block:PermalinkPage}
  379. top: -10px;
  380. left: 200px;
  381. {/block:PermalinkPage}}
  382.  
  383. .musinfo td {height: 100px;
  384. width: 250px;
  385. text-align: center;
  386. font-size: {text:Small Font Size};
  387. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  388. letter-spacing: {text:Letter Spacing};
  389. {block:PermalinkPage}
  390. height: 250px;
  391. width: 350px;
  392. {/block:PermalinkPage}}
  393.  
  394. .musnm {font-size: {text:Post Font Size};
  395. {block:IfLowercase}text-transform: lowercase;{/block:IfLowercase}
  396. {block:IfItalic}font-style: italic;{/block:IfItalic}
  397. background-color: {color:Accent};}
  398.  
  399. .audioverlay {opacity: 0.3;
  400. {block:IfAudioPlayerWhite}background-color: #fff;{/block:IfAudioPlayerWhite}
  401. {block:IfAudioPlayerGrey}background-color: #e4e4e4;{/block:IfAudioPlayerGrey}
  402. {block:IfAudioPlayerBlack}background-color: #000;{/block:IfAudioPlayerBlack}
  403. position: absolute;
  404. z-index: 10;
  405. margin-top: 90px; margin-left: 100px;
  406. transition-duration: 0.6s;
  407. -moz-transition-duration: 0.6s;
  408. -webkit-transition-duration: 0.6s;
  409. -o-transition-duration: 0.6s;}
  410.  
  411. .mus:hover .audioverlay {opacity: 0.8;
  412. transition-duration: 0.6s;
  413. -moz-transition-duration: 0.6s;
  414. -webkit-transition-duration: 0.6s;
  415. -o-transition-duration: 0.6s;}
  416.  
  417. .audioarrow {width: 20px; height: 30px; overflow: hidden; margin:10px 19px 10px 12px;}
  418.  
  419.  
  420. /* --------------------------------------
  421. BOTTOM
  422. -------------------------------------- */
  423.  
  424. .tl {width: 1px;
  425. height: 20px;
  426. background-color: {color:Border};
  427. margin: auto;}
  428.  
  429. .upperl {position: absolute;
  430. height: 1px;
  431. border-bottom: 1px solid {color:Border};
  432. width: 20px;
  433. bottom: -1px;
  434. left: -20px;}
  435.  
  436.  
  437. .lower {width: 250px;
  438. padding: 10px;
  439. margin: 20px;
  440. padding-top: 0px;
  441. margin-top: 0px;
  442. float: left;
  443. border: 3px double {color:bg};
  444. border-top: 0px;
  445. text-align: center;
  446. font-family: {text:Main Font};
  447. {block:IfItalic}font-style: italic;{/block:IfItalic}
  448. font-size: {text:Post Font Size};
  449. {block:IfLowercase}text-transform: lowercase;{/block:IfLowercase}
  450. {block:PermalinkPage}
  451. width: 500px;
  452. margin-left: 207px;
  453. {/block:PermalinkPage}}
  454.  
  455. .lower a {color: {color:Link};}
  456.  
  457. .dt {background-color: {color:Accent};}
  458.  
  459. .rbg {width: 50px; margin: 4px auto;}
  460.  
  461. .rbg img {width: 15px; display: inline-block;}
  462.  
  463. .tgs {margin-top: 4px;
  464. {block:IndexPage}
  465. opacity: 0.0;
  466. {block:IfShowTags}opacity: 1.0;{/block:IfShowTags}
  467. {/block:IndexPage}
  468. {block:PermalinkPage}opacity: 1.0;{/block:PermalinkPage}
  469. line-height: 100%;
  470. transition-duration: 0.6s;
  471. -moz-transition-duration: 0.6s;
  472. -webkit-transition-duration: 0.6s;
  473. -o-transition-duration: 0.6s; word-break: break-all;}
  474.  
  475. .tgs a {margin: 0px 6px;
  476. font-size: {text:Tags Font Size};
  477. {block:IfLowercase}text-transform: lowercase;{/block:IfLowercase}
  478. font-family: {text:Secondary Font};}
  479.  
  480. .tgs a:hover {background-color: {color:Accent};}
  481.  
  482. {block:IndexPage}
  483. .lower:hover .tgs {opacity: 1.0;
  484. transition-duration: 0.6s;
  485. -moz-transition-duration: 0.6s;
  486. -webkit-transition-duration: 0.6s;
  487. -o-transition-duration: 0.6s;}
  488. {/block:IndexPage}
  489.  
  490. ol.notes {
  491. border: 3px double {color:Border};
  492. padding: 0px;
  493. margin: 25px 0px;
  494. list-style-type: none;
  495. text-align: left;
  496. font-size: {text:Small Font Size};
  497. letter-spacing: {text:Letter Spacing};
  498. color: {color:Post Notes Font};}
  499.  
  500. ol.notes a {color: {color:Link};
  501. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  502. font-style: normal;}
  503.  
  504. ol.notes a:hover {background-color: {color:Accent};}
  505.  
  506. ol.notes li.note {border-top: solid 1px {color:Answer}; padding: 10px;}
  507.  
  508. ol.notes li.note img.avatar {
  509. vertical-align: -4px;
  510. margin-right: 10px;
  511. width: 16px;
  512. height: 16px;
  513. display: inline-block;}
  514.  
  515. ol.notes li.note span.action {font-weight: normal;}
  516.  
  517. ol.notes li.note .answer_content {font-weight: normal;}
  518.  
  519. ol.notes li.note blockquote {
  520. background-color: {color:Post Notes Blockquote};
  521. padding: 4px 10px;
  522. margin: 10px 0px 0px 25px;}
  523.  
  524. ol.notes li.note blockquote a {text-decoration: none;}
  525.  
  526. /* --------------------------------------
  527. CUSTOM CSS
  528. -------------------------------------- */
  529. {CustomCSS}
  530. </style></head>
  531. <body>
  532. <div class="sidebar">
  533.  
  534. <a href="/"><div class="til">{block:IfNotAltTitle}{Title}{/block:IfNotAltTitle} {block:IfAltTitle}{text:Alt Title}{/block:IfAltTitle}</div></a>
  535.  
  536. <a href="/">index</a>
  537. <a href="/ask">ask</a>
  538. {block:SubmissionsEnabled}<a href="/submit">submit</a>{/block:SubmissionsEnabled}
  539. <a href="/archive">archive</a>
  540.  
  541.  
  542. <div class="desc">
  543. <div class="descript"><table cellspacing="0" cellpadding="0"><tr><td>
  544. <div class="dsub">
  545. {Description}
  546. </div>
  547. </td></tr></table></div>
  548. <img src="{image:sidebar}" class="sbi">
  549. </div>
  550.  
  551. <div class="clinks">
  552. {block:IfLink1Name}<a href="{text:Link1 Url}">{text:Link1 Name}</a>{/block:IfLink1Name}
  553. {block:IfLink2Name}<a href="{text:Link2 Url}">{text:Link2 Name}</a>{/block:IfLink2Name}
  554. {block:IfLink3Name}<a href="{text:Link3 Url}">{text:Link3 Name}</a>{/block:IfLink3Name}
  555. {block:IfLink4Name}<a href="{text:Link4 Url}">{text:Link4 Name}</a>{/block:IfLink4Name}
  556. {block:IfLink5Name}<a href="{text:Link5 Url}">{text:Link5 Name}</a>{/block:IfLink5Name}
  557. {block:IfLink6Name}<a href="{text:Link6 Url}">{text:Link6 Name}</a>{/block:IfLink6Name}
  558. {block:IfLink7Name}<a href="{text:Link7 Url}">{text:Link7 Name}</a>{/block:IfLink7Name}
  559. {block:IfLink8Name}<a href="{text:Link8 Url}">{text:Link8 Name}</a>{/block:IfLink8Name}
  560. </div>
  561.  
  562.  
  563. {block:Pagination}
  564. <div class="nav">
  565. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage} {CurrentPage} <i>of</i> {TotalPages}
  566. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  567. </div>{/block:Pagination}
  568. </div>
  569.  
  570. <div class="container">
  571. <div class="upper">
  572. <div class="upperl"></div>
  573. {block:Posts}
  574. <div class="post_o">
  575. <div class="post">
  576. {block:IndexPage}<div style="max-height: 320px; overflow: hidden;">{/block:IndexPage}
  577.  
  578. <!--------------------------------------------
  579. TEXT POSTS
  580. --------------------------------------------->
  581. {block:Text}
  582. {block:Title}<h1>{Title}</h1>{/block:Title}
  583. {Body}
  584. {/block:Text}
  585.  
  586. <!--------------------------------------------
  587. PHOTO POSTS
  588. --------------------------------------------->
  589. {block:Photo}
  590. {LinkOpenTag}
  591. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="250px">{/block:IndexPage}
  592. {block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{/block:PermalinkPage}
  593. {LinkCloseTag}
  594. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  595. {/block:Photo}
  596.  
  597. <!--------------------------------------------
  598. PHOTOSET POSTS
  599. --------------------------------------------->
  600. {block:Photoset}
  601. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  602. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  603. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  604. {/block:Photoset}
  605.  
  606. <!--------------------------------------------
  607. ANSWER POSTS
  608. --------------------------------------------->
  609. {block:Answer}
  610. <div class="an"><img src="{AskerPortraitURL-40}" class="animg"> {Asker} {text:Ask Action}: {Question}</div>
  611. {Answer}
  612. {/block:Answer}
  613.  
  614.  
  615. <!--------------------------------------------
  616. AUDIO POSTS
  617. --------------------------------------------->
  618. {block:Audio}
  619. <div class="mus">
  620. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art" class="defart" {block:AlbumArt}style="opacity: 0.0"{/block:AlbumArt}/>
  621. {block:AlbumArt}
  622. <img class="cover" src="{AlbumArtURL}" />
  623. {/block:AlbumArt}
  624.  
  625. <div class="musinfo">
  626. <table><tr><td>
  627.  
  628. {block:TrackName}<span class="musnm">{TrackName}</span><br>{/block:TrackName}
  629. {block:Artist}{Artist}<br>
  630. {block:PlayCount}{PlayCount} plays{/block:PlayCount}{/block:Artist}
  631. </td></tr></table>
  632. </div>
  633.  
  634. {block:AudioPlayer}
  635. <div class="audioverlay"><div class="audioarrow">{block:IfAudioPlayerWhite}{AudioPlayerWhite}{/block:IfAudioPlayerWhite}
  636. {block:IfAudioPlayerGrey}{AudioPlayerGrey}{/block:IfAudioPlayerGrey}
  637. {block:IfAudioPlayerBlack}{AudioPlayerBlack}{/block:IfAudioPlayerBlack}</div></div>
  638. {/block:AudioPlayer}
  639.  
  640. </div>
  641. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  642. {/block:Audio}
  643.  
  644.  
  645. <!--------------------------------------------
  646. QUOTE POSTS
  647. --------------------------------------------->
  648. {block:Quote}
  649. <div class="quote">
  650. <div class="quote_{Length}">“{Quote}”</div>
  651. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  652. </div>
  653. {/block:Quote}
  654.  
  655.  
  656.  
  657.  
  658. <!--------------------------------------------
  659. LINK POSTS
  660. --------------------------------------------->
  661. {block:Link}
  662. <h1><a href="{URL}">{Name}</a></h1>
  663. {block:Description}{Description}{/block:Description}
  664. {/block:Link}
  665.  
  666.  
  667.  
  668.  
  669. <!--------------------------------------------
  670. CHAT POSTS
  671. --------------------------------------------->
  672. {block:Chat}
  673. {block:Title}<h1>{Title}</h1>{/block:Title}
  674. <div class="chat"><ul>{block:Lines}
  675. <li class="line">{block:Label}
  676. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  677. {/block:Chat}
  678.  
  679.  
  680. <!--------------------------------------------
  681. VIDEO POSTS
  682. --------------------------------------------->
  683. {block:Video}
  684. {block:IndexPage}{Video-250}{/block:IndexPage}
  685. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  686. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  687. {/block:Video}
  688.  
  689.  
  690. {block:IndexPage}</div>{/block:IndexPage}
  691. </div>
  692.  
  693. <div class="tl"></div>
  694. </div>
  695.  
  696.  
  697. {/block:Posts}
  698. </div>
  699.  
  700.  
  701.  
  702. {block:Posts}
  703. {block:Date}
  704. <div class="lower"><div class="tl" style="margin-bottom: 5px;"></div>
  705.  
  706. <a href="{Permalink}">
  707. {block:NewDayDate}<span class="dt">{ShortMonth} {DayOfMonthWithZero}</span>{/block:NewDayDate}
  708. {block:SameDayDate}
  709. {block:IfNotTimeAgo}{24HourWithZero}:{Minutes}{/block:IfNotTimeAgo}
  710. {block:IfTimeAgo}{TimeAgo}{/block:IfTimeAgo}
  711. {/block:SameDayDate}
  712. {block:NoteCount}&middot; {block:IfNotShowNotesSymbol}{NoteCountWithLabel}{/block:IfNotShowNotesSymbol}
  713. {block:IfShowNotesSymbol}{NoteCount} {text:Notes Symbol}{/block:IfShowNotesSymbol}{/block:NoteCount}</a>
  714.  
  715. {block:IfShowReblog}{block:IndexPage}
  716. {block:RebloggedFrom}
  717. <div class="rbg">
  718. <a href="{ReblogParentURL}" title="via {ReblogParentName}"><img src="{ReblogParentPortraitURL-40}"></a>
  719. <a href="{ReblogRootURL}" title="source {ReblogRootName}"><img src="{ReblogRootPortraitURL-40}"></a>
  720. </div>{/block:RebloggedFrom}
  721. {/block:IndexPage}{/block:IfShowReblog}
  722.  
  723. {block:PermalinkPage}
  724. {block:RebloggedFrom}
  725. <div class="rbg">
  726. <a href="{ReblogParentURL}" title="via {ReblogParentName}"><img src="{ReblogParentPortraitURL-40}"></a>
  727. <a href="{ReblogRootURL}" title="source {ReblogRootName}"><img src="{ReblogRootPortraitURL-40}"></a>
  728. </div>{/block:RebloggedFrom}
  729. {/block:PermalinkPage}
  730.  
  731. {block:HasTags}<div class="tgs">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  732.  
  733. <div class="pstn">{PostNotes}</div>
  734. </div>
  735. {/block:Date}
  736.  
  737. {/block:Posts}
  738. </div>
  739. </body>
  740. </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!