API tools faq
paste
Advertisement
lostmemento

04 | The Cell - Id

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