Advertisement
lostmemento

[Old Theme] Fast Five Theme Pack (Iris - Header/Grid)

Sep 17th, 2012
2,685
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.77 KB | None | 0 0
  1. <html>
  2. <head>
  3. <!--- 21: FAST FIVE THEME PACK (IRIS - HEADER/GRID) MADE BY: http://lostmemento.tumblr.com (lmthemes)
  4.  
  5. TERMS OF USAGE:
  6. - DO NOT REMOVE THE CREDIT
  7. - DO NOT REDISTRIBUTE
  8. - DO NOT CLAIM AS YOUR OWN
  9. - DO NOT USE AS A BASE
  10.  
  11. --->
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  18.  
  19.  
  20. <script src="http://static.tumblr.com/f1skqpy/Vxomaipeq/16212jquery.js"></script>
  21.  
  22. {block:If250pxPost}
  23. <script type="text/javascript">
  24. $(window).load(function () {
  25. $('#sideright').masonry({
  26. itemSelector : ".gp",
  27. },
  28. function() { $('#sideright').masonry({ appendedContent: $(this) }); }
  29. );
  30. });
  31. </script>
  32. {/block:If250pxPost}
  33.  
  34.  
  35. <script>
  36. $().ready(function() {
  37. $("[title]").style_my_tooltips({
  38. tip_follows_cursor: "on", //on/off
  39. tip_delay_time: 200 //milliseconds
  40. });
  41. });
  42. </script>
  43.  
  44. <link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
  45.  
  46.  
  47.  
  48. <!--- DEFAULT APPEARANCE OPTIONS --->
  49. <meta name="image:header" content=""/>
  50. <meta name="image:sidebar" content=""/>
  51. <meta name="image:background" content=""/>
  52.  
  53. <meta name="if:400pxPost" content="1"/>
  54. <meta name="if:250pxPost" content="0"/>
  55. <meta name="if:Background No Repeat" content="0"/>
  56. <meta name="if:Background Fixed" content="0"/>
  57. <meta name="if:Show Photo Captions" content="0"/>
  58. <meta name="if:Show Photo Captions Permalink Only" content="1"/>
  59. <meta name="if:AudioPlayerWhite" content="1"/>
  60. <meta name="if:AudioPlayerGrey" content="0"/>
  61. <meta name="if:AudioPlayerBlack" content="0"/>
  62.  
  63. <meta name="if:Show Header" content="0"/>
  64. <meta name="if:Contained" content="0"/>
  65. <meta name="if:Show Reblog" content="1"/>
  66.  
  67. <meta name="color:bg" content="#fafafa"/>
  68. <meta name="color:Scrolbar Background" content="#000000"/>
  69. <meta name="color:Scrollbar" content="#FAF919"/>
  70. <meta name="color:Accent" content="#FAF919"/>
  71. <meta name="color:Post" content="#ffffff"/>
  72. <meta name="color:Post Font" content="#000000"/>
  73. <meta name="color:Post Link Background" content="#000000"/>
  74. <meta name="color:Blockquote" content="#eeeeee"/>
  75.  
  76. <meta name="text:Post Font Size" content="10px"/>
  77. <meta name="text:Header Links Font Size" content="8px"/>
  78. <meta name="text:Nav Arrows Font Size" content="9px"/>
  79. <meta name="text:Link Font Size" content="7px"/>
  80.  
  81. <meta name="text:Background Position" content=""/>
  82. <meta name="text:Sidebar Text Align" content="left"/>
  83. <meta name="text:Ask Action" content="ASKED"/>
  84.  
  85. <meta name="text:Header Links Left Position" content="450px"/>
  86. <meta name="text:Header Links Top Position" content="70px"/>
  87. <meta name="text:Reblog Icon Size" content="8px"/>
  88. <meta name="text:Container Height" content="360px"/>
  89.  
  90. <meta name="text:Main Font" content="Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif"/>
  91. <meta name="text:Secondary Font" content="Dosis"/>
  92.  
  93. <meta name="text:Link1 Url" content="http://"/>
  94. <meta name="text:Link1 Name" content=""/>
  95. <meta name="text:Link2 Url" content="http://"/>
  96. <meta name="text:Link2 Name" content=""/>
  97. <meta name="text:Link3 Url" content="http://"/>
  98. <meta name="text:Link3 Name" content=""/>
  99. <meta name="text:Link4 Url" content="http://"/>
  100. <meta name="text:Link4 Name" content=""/>
  101. <meta name="text:Link5 Url" content="http://"/>
  102. <meta name="text:Link5 Name" content=""/>
  103. <meta name="text:Link6 Url" content="http://"/>
  104. <meta name="text:Link6 Name" content=""/>
  105. <meta name="text:Link7 Url" content="http://"/>
  106. <meta name="text:Link7 Name" content=""/>
  107. <meta name="text:Link8 Url" content="http://"/>
  108. <meta name="text:Link8 Name" content=""/>
  109. <meta name="text:Link9 Url" content="http://"/>
  110. <meta name="text:Link9 Name" content=""/>
  111. <meta name="text:Link10 Url" content="http://"/>
  112. <meta name="text:Link10 Name" content=""/>
  113.  
  114.  
  115.  
  116. <style type="text/css">
  117. body{font-family: {text:Main Font};
  118. margin:0px;
  119. padding:0px;
  120. font-size: {text:Post Font Size};
  121. line-height:130%;
  122. background-color: {color:bg};}
  123. background-image: url('{image:background}');
  124. {block:IfBackgroundNoRepeat}background-repeat: no-repeat;{/block:IfBackgroundNoRepeat}
  125. {block:IfBackgroundFixed}background-attachment: fixed;{/block:IfBackgroundFixed}
  126. {block:IfBackgroundPosition}background-position: {text:Background Position};{/block:IfBackgroundPosition}}
  127.  
  128.  
  129. a {text-decoration: none;}
  130.  
  131. a:-webkit-any-link {text-decoration: none;}
  132.  
  133. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Scrollbar}; height: 10px;}
  134. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:Scrollbar}; height:10px!important;}
  135. ::-webkit-scrollbar {background-color: {color:Scrolbar Background}; height:10px; width:7px;}
  136.  
  137. #s-m-t-tooltip{
  138. position:absolute;
  139. z-index:90000;
  140. color: {color:Accent};
  141. display:inline-block;
  142. background-color: {color:Post Link Background};
  143. padding: 1px 6px;
  144. max-width:100px;
  145. border: 0px;
  146. font-size: {text:Link Font Size};
  147. text-transform: uppercase;
  148. letter-spacing: 1px;
  149. word-wrap: break-word;
  150. line-height: 120%;}
  151.  
  152. .c {background-color: {color:Post};}
  153. .c a {color: {color:Post Font};}
  154.  
  155. #scon {height: {text:Container Height};
  156. padding: 20px;
  157. background-color: {color:Post};
  158. {block:IfContained}overflow-y: auto;{/block:IfContained}}
  159.  
  160. .sbg {position: fixed;
  161. height: 100%;
  162. width: 800px;
  163. background-color: {color:Post};
  164. z-index: 1;}
  165.  
  166. .header {width: 800px;
  167. height: 250px;
  168. background-image: url({image:Header});
  169. position: relative;
  170. z-index: 2}
  171.  
  172. .tlinks {font-size: {text:Header Links Font Size};
  173. letter-spacing: 1px;
  174. {block:IfShowHeader}
  175. margin-top: {text:Header Links Top Position};
  176. position: absolute;
  177. margin-left: {text:Header Links Left Position};
  178. {/block:IfShowHeader}
  179. {block:IfNotShowHeader}
  180. text-align:center;
  181. margin-bottom: 10px;
  182. {/block:IfNotShowHeader}
  183. text-transform: uppercase;}
  184.  
  185. {block:IfNotShowHeader}.sideleft{/block:IfNotShowHeader} .tlinks a {background-color: {color:Post Link Background}; color: {color:Post}; padding: 1px 5px;}
  186.  
  187. #mlink {background-color: {color:Post Link Background};
  188. color: {color:Post};
  189. padding: 2px 5px;
  190. line-height: 130%}
  191.  
  192. .sideleft {{block:IfNot250pxPost}
  193. {block:If400pxPost}width: 330px;{/block:If400pxPost}
  194. {block:IfNot400pxPost}width: 230px;{/block:IfNot400pxPost}
  195. {/block:IfNot250pxPost}
  196. {block:If250pxPost}width: 230px;{/block:If250pxPost}
  197. position: fixed;
  198. text-align: justify;
  199. font-size: {text:Post Font Size};
  200. line-height: 120%;
  201. color: {color:Post Font};
  202. z-index: 2}
  203.  
  204. .sbi {{block:IfNot250pxPost}
  205. {block:If400pxPost}max-width: 330px;{/block:If400pxPost}
  206. {block:IfNot400pxPost}max-width: 230px;{/block:IfNot400pxPost}
  207. {/block:IfNot250pxPost}
  208. {block:If250pxPost}max-width: 230px;{/block:If250pxPost}
  209. display:block;
  210. margin:auto;
  211. margin-bottom: 5px;}
  212.  
  213. .sideleft ul {margin: 0px; margin-bottom: 5px;}
  214. .sideleft li, .sub li {list-style: square;}
  215.  
  216. .sideleft a {font-size: {text:Link Font Size};
  217. text-transform: uppercase;
  218. font-style: italic;
  219. letter-spacing: 1px;
  220. color: {color:Post Font};
  221. padding: 0px 2px;}
  222.  
  223. .sideleft a:hover {background-color: {color:Post Link Background}; color: {color:Accent};}
  224.  
  225. /* RIGHT */
  226. #sideright {{block:IfNot250pxPost}
  227. {block:If400pxPost}width: 400px;{/block:If400pxPost}
  228. {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  229. {block:IfNot250pxPost}
  230. {block:If250pxPost}width: 520px;{/block:If250pxPost}
  231. overflow: hidden;
  232. float:right;
  233. font-size: {text:Post Font Size};
  234. line-height: 120%;
  235. position: relative;
  236. color: {color:Post Font};
  237. z-index: 2;}
  238.  
  239. .date {font-size: {text:Link Font Size};
  240. text-transform: uppercase;
  241. font-style: italic;
  242. letter-spacing: 1px;
  243. color: {color:Post Font}}
  244.  
  245. .date a {color: {color:Post Font}; padding: 0px 4px;}
  246. .date a:hover, .sub a:hover {background-color: {color:Post Link Background}; color: {color:Post};}
  247.  
  248. .tgs a {display: inline-block; margin: 0px 2px;}
  249.  
  250. .sub {color: {color:Post Font};}
  251.  
  252. .sub a {font-size: {text:Link Font Size};
  253. font-style: italic;
  254. letter-spacing: 1px;
  255. text-transform: uppercase;
  256. padding: 0px 4px;
  257. color: {color:Post Font}}
  258.  
  259. .sub img, .sub ul {max-width: 100%}
  260. .sub blockquote {border-left: 2px solid {color:Post Link Background};padding-left: 5px;}
  261. .sub li {list-style: square;}
  262.  
  263.  
  264. ol.notes {font-size: {text:Link Font Size};
  265. letter-spacing: 1px;
  266. padding: 0px;
  267. margin: 25px 0px;
  268. list-style-type: none;
  269. font-style: italic;
  270. color: {color:Post Font}}
  271.  
  272. .notes a {color: {color:Post Font};
  273. font-size: {text:Link Font Size};
  274. padding: 2px;
  275. text-transform: uppercase;}
  276.  
  277. .notes a:hover {background-color: {color:Post Link Background}; color: {color:Accent};}
  278.  
  279. ol.notes li.note {padding: 5px 10px;}
  280.  
  281. ol.notes li.note img.avatar {
  282. vertical-align: -4px;
  283. margin-right: 10px;
  284. width: 16px;
  285. height: 16px;}
  286.  
  287. ol.notes li.note span.action {font-weight: normal;}
  288.  
  289. ol.notes li.note .answer_content {font-weight: normal;}
  290.  
  291. ol.notes li.note blockquote {
  292. border-color: {color:Blockquote};
  293. padding: 4px 10px;
  294. margin: 10px 0px 0px 25px;}
  295.  
  296. ol.notes li.note blockquote a {text-decoration: none;}
  297.  
  298. .nav {text-align: center;
  299. margin: 10px auto;
  300. width: 50%;
  301. line-height: 150%;
  302. font-size: {text:Nav Arrows Font Size};
  303. letter-spacing: 1px;
  304. font-style: italic;}
  305.  
  306. .nav a {background-color: {color:Post Link Background};
  307. color: {color:Post};
  308. padding: 0px 4px;
  309. font-size: {text:Nav Arrows Font Size};}
  310.  
  311. .nav .current_page {color: {color:Accent};
  312. background-color: {color:Post Link Background};
  313. padding: 0px 4px;}
  314.  
  315. .arrow_box {
  316. position: relative;
  317. background: {color:Post Link Background};}
  318.  
  319. .arrow_box:after {
  320. left: 100%;
  321. border: solid transparent;
  322. content: " ";
  323. height: 0;
  324. width: 0;
  325. position: absolute;
  326. margin-left:0px;
  327. pointer-events: none;
  328. border-left-color: {color:Post Link Background};
  329. border-width: 15px;
  330. top: 50%;
  331. margin-top: 20px;}
  332.  
  333. .abox {margin-left: 100px;}
  334. .abox a {text-decoration: underline;
  335. font-size: {text:Link Font Size};
  336. font-style: italic;
  337. letter-spacing: 1px;
  338. text-transform: uppercase;
  339. padding: 0px 4px;
  340. color: {color:Post Font};}
  341.  
  342. .aline {font-size: {text:Link Font Size};
  343. font-style: italic;
  344. letter-spacing: 1px;
  345. text-transform: uppercase;
  346. color: {color:Post Font}}
  347.  
  348. h1 {text-align: center; font-family: {text:Secondary Font};
  349. text-transform: uppercase;
  350. font-weight: normal;}
  351.  
  352. h1 a {color: {color:Post Font}; padding: 5px;}
  353. h1 a:hover {background-color: {color:Post Font}; color: {color:Post};}
  354.  
  355. .gp {{block:If250pxPost}width: 250px; float:left; margin-left: 10px; {/block:If250pxPost} margin-bottom: 20px;}
  356.  
  357. .chat ul {list-style: none;}
  358. .chat .label {text-transform: uppercase;}
  359.  
  360. .quote {width: 70%; margin: auto; line-height: 150%}
  361.  
  362. .source {text-align: right;
  363. font-size: {text:Header Links Font Size};
  364. text-transform: uppercase;
  365. letter-spacing: 1px;
  366. margin-top: 10px;}
  367.  
  368. .quote_short {font-size: 18px; font-family: {text:Secondary Font};}
  369.  
  370. .quote_medium {font-size: 14px; font-family: {text:Secondary Font};}
  371.  
  372. .quote_long {font-size: {text:Post Font Size};}
  373.  
  374. .mus {padding: 20px; background-color: {color:Post Link Background}}
  375.  
  376. .mus img {width: 100px;}
  377.  
  378. .cover {position: absolute;
  379. z-index: 3;
  380. margin-left: 0px;
  381. margin-top: -103px;}
  382.  
  383. .mlabel {font-family: {text:Secondary Font};
  384. font-size: {text:Post Font Size};
  385. text-transform: uppercase;
  386. letter-spacing: 1px;
  387. color: {color:Post};}
  388.  
  389. .musiclabel {font-size: {text:Header Links Font Size};
  390. text-transform: uppercase;
  391. letter-spacing: 1px;
  392. color: {color:Post};}
  393.  
  394. .audioverlay {opacity: 0.6;
  395. {block:IfAudioPlayerWhite}background-color: #fff;{/block:IfAudioPlayerWhite}
  396. {block:IfAudioPlayerGrey}background-color: #e4e4e4;{/block:IfAudioPlayerGrey}
  397. {block:IfAudioPlayerBlack}background-color: #000;{/block:IfAudioPlayerBlack}
  398. position: absolute;
  399. z-index: 10;
  400. margin-top: 27px; margin-left: 27px;}
  401.  
  402. .audioarrow {width: 20px; height: 30px; overflow: hidden; margin: 8px 17px 6px 9px;}
  403.  
  404. .rbg {float:right;}
  405.  
  406. .ph {display:none;
  407. {block:IfShowPhotoCaptions}
  408. display:block;
  409. {/block:IfShowPhotoCaptions}}
  410.  
  411. {block:IfNotShowPhotoCaptions}{block:IfNotShowPhotoCaptionsPermalinkOnly}
  412. #sideright:hover .ph {display:block;}
  413. {/block:IfNotShowPhotoCaptionsPermalinkOnly}{/block:IfNotShowPhotoCaptions}
  414.  
  415. {CustomCSS}
  416. </style>
  417. </head>
  418.  
  419. <body>
  420.  
  421.  
  422.  
  423. <div id="container">
  424. {block:IfNotContained}<div class="sbg"></div>{/block:IfNotContained}
  425.  
  426. {block:IfShowHeader}<div class="header">
  427. <div class="tlinks"><a href="/">INDEX</a> <a href="/ask">ASK</a> {block:SubmissionsEnabled}<a href="/submit">SUBMIT</a>{/block:SubmissionsEnabled}<a href="/archive">ARCHIVE</a> {block:IfLink1Name}<a href="{text:Link1 Url}">{text:Link1 Name}</a>{/block:IfLink1Name} {block:IfLink2Name}<a href="{text:Link2 Url}">{text:Link2 Name}</a>{/block:IfLink2Name} {block:IfLink3Name}<a href="{text:Link3 Url}">{text:Link3 Name}</a>{/block:IfLink3Name} {block:IfLink4Name}<a href="{text:Link4 Url}">{text:Link4 Name}</a>{/block:IfLink4Name} {block:IfLink5Name}<a href="{text:Link5 Url}">{text:Link5 Name}</a>{/block:IfLink5Name}
  428. </div></div>{/block:IfShowHeader}
  429.  
  430. <div id="scon">
  431.  
  432.  
  433. <div class="sideleft">
  434. {block:IfNotShowHeader}<div class="tlinks"><a href="/">INDEX</a> <a href="/ask">ASK</a> <a href="/archive">ARCHIVE</a>{block:SubmissionsEnabled}<a href="/submit">SUBMIT</a>{/block:SubmissionsEnabled}</div>{/block:IfNotShowHeader}
  435.  
  436. {block:IfSidebarImage}<img src="{image:sidebar}" class="sbi">{/block:IfSidebarImage}
  437.  
  438. {Description}
  439.  
  440. <center>
  441. {block:IfNotShowHeader}
  442. {block:IfLink1Name}<a href="{text:Link1 Url}">{text:Link1 Name}</a><br>{/block:IfLink1Name}
  443. {block:IfLink2Name}<a href="{text:Link2 Url}">{text:Link2 Name}</a><br>{/block:IfLink2Name}
  444. {block:IfLink3Name}<a href="{text:Link3 Url}">{text:Link3 Name}</a><br>{/block:IfLink3Name}
  445. {block:IfLink4Name}<a href="{text:Link4 Url}">{text:Link4 Name}</a><br>{/block:IfLink4Name}
  446. {block:IfLink5Name}<a href="{text:Link5 Url}">{text:Link5 Name}</a><br>{/block:IfLink5Name}{/block:IfNotShowHeader}
  447.  
  448. {block:IfLink6Name}<a href="{text:Link6 Url}">{text:Link6 Name}</a><br>{/block:IfLink6Name}
  449. {block:IfLink7Name}<a href="{text:Link7 Url}">{text:Link7 Name}</a><br>{/block:IfLink7Name}
  450. {block:IfLink8Name}<a href="{text:Link8 Url}">{text:Link8 Name}</a><br>{/block:IfLink8Name}
  451. {block:IfLink9Name}<a href="{text:Link9 Url}">{text:Link9 Name}</a><br>{/block:IfLink9Name}
  452. {block:IfLink10Name}<a href="{text:Link10 Url}">{text:Link10 Name}</a><br>{/block:IfLink10Name}
  453.  
  454. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a><br>{/block:Pages}{/block:HasPages}</center>
  455.  
  456. {block:Pagination}<div class="nav">
  457. {block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}
  458. {block:JumpPagination length="5"}
  459. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  460. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  461. {/block:JumpPagination}
  462. {block:NextPage}<a href="{NextPage}">></a>{/block:NextPage}</div>
  463. {/block:Pagination}
  464. </div>
  465.  
  466. <div id="sideright">
  467. {block:Posts}
  468. <div class="gp">
  469.  
  470.  
  471. <!--- TEXT POSTS --->
  472. {block:Text}<div class="sub">{block:Title}<h1>{Title}</h1>{/block:Title}
  473. {Body}</div>{/block:Text}
  474.  
  475. <!--- PHOTO POSTS --->
  476. {block:Photo}<center>{LinkOpenTag}{block:IfNot250pxPost}{block:IfNot400pxPost}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{/block:IfNot400pxPost}
  477. {block:If400pxPost}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px">{/block:If400pxPost}{/block:IfNot250pxPost}
  478. {block:If250pxPost}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="250px">{/block:If250pxPost}{LinkCloseTag}</center>
  479.  
  480. {block:IfNotShowPhotoCaptionsPermalinkOnly}{block:IndexPage}<div class=
  481. "ph">{/block:IndexPage}{block:Caption}<div class="sub">{Caption}</div>{/block:Caption}{block:IndexPage}</div>{/block:IndexPage}{/block:IfNotShowPhotoCaptionsPermalinkOnly}
  482.  
  483. {block:IfNotShowPhotoCaptions}{block:IfShowPhotoCaptionsPermalinkOnly}{block:PermalinkPage}{block:Caption}<div class="sub">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfShowPhotoCaptionsPermalinkOnly}{/block:IfNotShowPhotoCaptions}{/block:Photo}
  484.  
  485. <!--- PHOTOSET POSTS --->
  486. {block:Photoset}{block:IfNot250pxPost}{block:IfNot400pxPost}{Photoset-500}{/block:IfNot400pxPost}
  487. {block:If400pxPost}{Photoset-400}{/block:If400pxPost}{/block:IfNot250pxPost}
  488. {block:If250pxPost}{Photoset-250}{/block:If250pxPost}
  489.  
  490. {block:IfNotShowPhotoCaptionsPermalinkOnly}{block:IndexPage}<div class=
  491. "ph">{/block:IndexPage}{block:Caption}<div class="sub">{Caption}</div>{/block:Caption}{block:IndexPage}</div>{/block:IndexPage}{/block:IfNotShowPhotoCaptionsPermalinkOnly}
  492.  
  493. {block:IfNotShowPhotoCaptions}{block:IfShowPhotoCaptionsPermalinkOnly}{block:PermalinkPage}{block:Caption}<div class="sub">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfShowPhotoCaptionsPermalinkOnly}{/block:IfNotShowPhotoCaptions}{/block:Photoset}
  494.  
  495. <!--- ANSWER POSTS --->
  496. {block:Answer}<div style="border-bottom: 1px solid {color:Post Font}; padding-bottom: 10px; min-height: 70px;"><div style="width: 65px"><div class="arrow_box"><img src="{AskerPortraitURL-48}" style="width: 45px; background-color: {color:Post Link Background}; border: 13px double transparent;" align="left"></div></div>
  497. <div class="abox">{Asker} <span class="aline">{text:Ask Action}:</span><br>
  498. {Question}</div></div>
  499. <div class="sub">{Answer}</div>{/block:Answer}
  500.  
  501. <!--- LINK POSTS --->
  502. {block:Link}<h1><a href="{URL}">{Name}</a></h1>
  503. {block:Description}<div class="sub">{Description}</div>{/block:Description}{/block:Link}
  504.  
  505. <!--- CHAT POSTS --->
  506. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}
  507. <div class="chat"><ul>{block:Lines}
  508. <li>{block:Label}
  509. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  510.  
  511. <!--- VIDEO POSTS --->
  512. {block:Video}{block:IfNot250pxPost}{block:IfNot400pxPost}{Video-500}{/block:IfNot400pxPost}
  513. {block:If400pxPost}{Video-400}{/block:If400pxPost}{/block:IfNot250pxPost}
  514. {block:If250pxPost}{Video-250}{/block:If250pxPost}
  515. {block:Caption}<div class="sub">{Caption}</div>{/block:Caption}{/block:Video}
  516.  
  517. <!--- QUOTE POSTS --->
  518. {block:Quote}<div class="sub"><div class="quote"><div class="quote_{Length}">โ€œ{Quote}โ€</div>
  519. {block:Source}<div class="source">- {Source}</div>{/block:Source}</div>
  520. </div>{/block:Quote}
  521.  
  522. <!--- AUDIO POSTS --->
  523. {block:Audio}
  524.  
  525. <div class="mus">
  526.  
  527. <table cellspacing="0" cellpadding="0" width="100%"><tr><td><div class="audioverlay"><div class="audioarrow">{block:IfAudioPlayerWhite}{AudioPlayerWhite}{/block:IfAudioPlayerWhite}
  528. {block:IfAudioPlayerGrey}{AudioPlayerGrey}{/block:IfAudioPlayerGrey}
  529. {block:IfAudioPlayerBlack}{AudioPlayerBlack}{/block:IfAudioPlayerBlack}</div></div>
  530.  
  531. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art"/>
  532. {block:AlbumArt}
  533. <img class="cover" src="{AlbumArtURL}" />
  534. {/block:AlbumArt}</td><td style="text-align: center; width: 450px;">
  535.  
  536. {block:TrackName}<span class="mlabel">{TrackName}</span>{/block:TrackName}<br>
  537. <span class="musiclabel">{block:Artist}{Artist}{/block:Artist} {block:Album}ยท {Album}{/block:Album}<br>
  538. {block:Playcount}{Playcount} Plays{/block:Playcount}
  539. </span></td><tr></table>
  540. </div>
  541.  
  542. {block:Caption}<div class="sub">{Caption}</div>{/block:Caption}
  543. {/block:Audio}
  544.  
  545. <!--- DATE --->
  546. {block:Date}<div class="date"><table width="100%"><tr><td width="40%" bgcolor="{color:Accent}"></td>{block:IfNot250pxPost}<td width="60%" bgcolor="{color:Post Font}"></td>{/block:IfNot250pxPost}</tr>
  547.  
  548. <tr><td style="vertical-align: top;"><a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}+ {NoteCountWithLabel}{/block:NoteCount} <div class="rbg" {block:IndexPage}{block:IfNotShowReblog}style="display:none;"{/block:IfNotShowReblog}{/block:IndexPage}">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="VIA: {ReblogParentName}"><img src="{ReblogParentPortraitURL-16}" height="{text:Reblog Icon Size}"></a> <a href="{ReblogRootURL}" title="SOURCE: {ReblogRootName}" style="margin-left:-5px;"><img src="{ReblogRootPortraitURL-16}" height="{text:Reblog Icon Size}"></a>{/block:RebloggedFrom}</div></td>{block:IfNot250pxPost}<td style="vertical-align: top;"><div class="tgs"style="max-width: 100%">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div></td>{/block:IfNot250pxPost}</tr>
  549. </table>
  550.  
  551. </div>{/block:Date}
  552.  
  553. {PostNotes}
  554.  
  555. </div>
  556. {/block:Posts}
  557. </div>
  558.  
  559. </div></div>
  560. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement