API tools faq
paste
Advertisement
seaofwaves

Theme 16 (Kodamas)

seaofwaves
May 24th, 2012
16,838
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.43 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. THEME 16 (KODAMAS) BY DIANA (BAUDELAIRED @ TUMBLR)
  3.  
  4. By using this theme you agree to have read and follow the terms and conditions
  5. 1. Do not remove credit from theme or code. This includes moving it to a secondary page
  6. 2. Do not use this theme code as a base code
  7. 3. Do not take parts of this theme and mix them with others. For more information and full list of guidelines go to baudelairedthemes.tumblr.com/guidelines.
  8. Original codes protected by fCreative Commons License.
  9. http://creativecommons.org/licenses/by-nc-nd/3.0/
  10. If you have any questions message me @ baudelairedthemes
  11. _______________________________________________________________________________________________
  12.  
  13. INSTRUCTIONS FOR THIS THEME
  14. -Before you do any customizing, choose a post size under the appearance section. The 2 options are 500px and 400px. PLEASE USE THE OLD CUSTOMIZATION PAGE.
  15. -The resolution width for this image is 245px.
  16. -This theme comes with the option of 3 extra links, but you can easily add more if you know super basic HTML
  17. -The background for this theme is center and on repeat
  18. -There is the option of showing the tags underneath the post, or hovering on the side.
  19. -To see the information for each audio post, hover over the audio Image. If there is none then it won't show, but the caption will.
  20. -ALL THEMES LOOK BEST IN SAFARI & GOOGLE CHROME.
  21. If you have any questions/comments please let me know @baudelairedthemes. As always, enjoy! -->
  22. <html>
  23. <head>
  24.  
  25. <!-- DEFAULT VARIABLES -->
  26. <meta name="color:background" content="#fafafa" />
  27. <meta name="color:banner" content="#D0EDF0" />
  28. <meta name="color:banner shadow" content="#73C0D8" />
  29. <meta name="color:border" content="#738BD9" />
  30. <meta name="color:text" content="#1f1f1f" />
  31. <meta name="color:title" content="#38B2CE" />
  32. <meta name="color:link" content="#38B2CE" />
  33. <meta name="color:link hover" content="#73D9BC" />
  34. <meta name="color:date border" content="#38B2CE" />
  35. <meta name="color:notes border" content="#04819E" />
  36. <meta name="color:reblog border" content="#60B9CE" />
  37. <meta name="color:tags border" content="#38B2CE" />
  38. <meta name="color:sidebar font" content="#6498A5" />
  39. <meta name="color:scrollbar" content="#D0EDF0" />
  40.  
  41. <meta name="image:background" content=""/>
  42. <meta name="image:sidebar" content="http://i.imgur.com/Fs1k3.jpg"/>
  43.  
  44. <meta name="if:Show Scrollbar" content="1"/>
  45. <meta name="if:Show Posts 500" content="1"/>
  46. <meta name="if:Show Posts 400" content="0"/>
  47. <meta name="if:Show Tags" content="1"/>
  48. <meta name="if:Show Hover Tags" content="0"/>
  49.  
  50. <meta name="text:Link1 Title" content="Link 1" />
  51. <meta name="text:Link1" content="http://" />
  52. <meta name="text:Link2 Title" content="Link 2" />
  53. <meta name="text:Link2" content="http://" />
  54. <meta name="text:Link3 Title" content="Link 3" />
  55. <meta name="text:Link3" content="http://" />
  56.  
  57.  
  58. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"><!--mce:0--></script>
  59. <script src="toggle.js" type="text/javascript"><!--mce:1--></script>
  60. <script type="text/javascript">
  61. $(document).ready(function(){
  62. $(".permanotes").hide();
  63. $(".clicker").click(function(){
  64. $('.permanotes').slideToggle("slow");
  65. return true;
  66. });
  67. });
  68. </script>
  69. <link href='http://fonts.googleapis.com/css?family=Terminal+Dosis+Light|Open+Sans+Condensed:300|Lekton' rel='stylesheet' type='text/css'>
  70. <link href='http://fonts.googleapis.com/css?family=Italiana' rel='stylesheet' type='text/css'>
  71.  
  72. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  73. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  74. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  75. <link rel="shortcut icon" href="{Favicon}" />
  76. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  77. <style type="text/css">
  78.  
  79. {block:ifshowscrollbar}
  80. ::-webkit-scrollbar {height: auto;width: 5px;}
  81. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  82. ::-webkit-scrollbar-track{background-color:{color:background};}
  83. {/block:ifshowscrollbar}
  84.  
  85. body {color:{color:text}; background-color:{color:background};background-image: url('{image:background}'); background-attachment:fixed; background-repeat:repeat;font-family:{font:body}; font-size:10px; line-height:110%}
  86.  
  87. a:link, a:active, a:visited{color:{color:link}; text-decoration:none;-webkit-transition: all .6s ease-out;-moz-transition: all .6s ease-out;-o-transition: all .6s ease-out;transition: all .6s ease-out;}
  88. a:hover{color:{color:link hover};-webkit-transition: all .6s ease-out;-moz-transition: all .6s ease-out;-o-transition: all .6s ease-out;transition: all .6s ease-out;}
  89.  
  90. #entries{margin-left: 424px; margin-top:30px;font-family:Calibri;letter-spacing: 1px; font-size:10px; text-transform: none;overflow:hidden;}
  91. {block:ifshowposts500}
  92. #posts{width:500px;overflow:hidden; background-color: #trans!;padding:3px; font-style:normal;margin-bottom:9px;}
  93. {/block:ifshowposts500}
  94. {block:ifshowposts400}
  95. #posts{width:400px;overflow:hidden; background-color: #trans!;padding:3px; font-style:normal;}
  96. {/block:ifshowposts400}
  97.  
  98. #title {font-size:14px; font-style: normal; text-align:center; font-family:Italiana;color: {color:title}; width:245px;letter-spacing:1px; margin-top: 2px; line-height:15px}
  99. {block:ifshowposts500}
  100. .title {font-size:32px; font-style: bold; text-align:center; font-family:Italiana;color:{color:title}; width:500px;letter-spacing:1px; margin-top: 12px; line-height:10px;margin-bottom:5px;}
  101. {/block:ifshowposts500}
  102.  
  103. {block:ifshowposts400}
  104. .title {font-size:32px; font-style: bold; text-align:center; font-family:Italiana;color: {color:title}; width:400px;letter-spacing:1px; margin-top: 12px; line-height:10px;margin-bottom:5px;}
  105. {/block:ifshowposts400}
  106.  
  107. #pagination {font-family:Georgia; text-align:center; font-size: 10px; font-style:none; background-color:transparent; padding: 0px; letter-spacing:2px;margin-top:8px;}
  108.  
  109. .iconica{
  110. bottom:0px;
  111. right:0px;
  112. background-color:transparent;
  113. position:fixed;
  114. padding:0px;
  115. opacity:.4;-moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;}
  116. .iconica:hover {-moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;opacity:3;}
  117.  
  118. h1{color:{color:text};
  119. font-family: Italiana; font-size:18px;
  120. letter-spacing:0px;
  121. font-weight:normal; text-transform:none;
  122. margin:0px; padding:2px;
  123. text-align:center;}
  124.  
  125. h2{color:{color:text};
  126. font-family: Georgia; font-size:14px;
  127. letter-spacing:1px;
  128. font-weight:normal; margin:0px;
  129. padding:3px; margin-bottom:4px; text-align:center;
  130. font-style:Italic}
  131.  
  132. .asker {text-align: center; font-family: 'Open Sans Condensed';}
  133. .asker a {color: {color:sidebar font}; border-bottom: 0px; font-size: 12px; text-transform: uppercase;}
  134. .question {text-align: justify; width: 75%; padding-top: 2px; font-family: 'Open Sans Condensed'; font-size: 16px; line-height: 90%; text-indent: 25px; margin: 0px 20px;}
  135. #quote1 {font-size: 40px; font-family: georgia; line-height: 50px; position: relative; bottom: 10px; left: 50px; margin-bottom: -20px; width: 50px;}
  136. #quote2 {font-size: 40px; padding-right: 5px; line-height: 30px; text-align: right; position: relative; bottom: 0px; font-family: georgia; margin-bottom: 10px;}
  137.  
  138. #sbar1 {position: fixed;left:85px; top:75px; width: 240px; background-color:#trans!;}
  139.  
  140. blockquote {border-left:2px solid {color:border}; padding-left:5px; margin:0px 2px 0px 10px; font-style:normal;background-color:{color:background};}
  141.  
  142. b, strong{color:{color:link}}
  143. i, em {color:{color:text}}
  144. p{margin-top:5px; margin-bottom:5px}
  145.  
  146. #album img {{block:ifshowposts500}width:250px;height:250px{/block:ifshowposts500}{block:ifshowposts400}width:200px;height:199px;margin-top:-198px;{/block:ifshowposts400}position:relative;margin-top:0px;margin-left:0px;opacity:2;}
  147.  
  148. #cool{opacity:0;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
  149. #cool:hover {opacity:1;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
  150.  
  151. #posts:hover #info {opacity:1; border-left:4px solid {color:border};display:block;}
  152. #info {width:250px;{block:ifshowposts500}margin-left:510px;{/block:ifshowposts500}{block:ifshowposts400}margin-left:410px;{/block:ifshowposts400}margin-top:0px;font-family:Georgia;font-size:10px;text-transform:none;font-weight:normal;text-align:left; opacity:0;padding:5px;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;position:absolute;border-left:0px solid {color:border};}
  153. #info a{color:{color:link};}
  154. #info a:hover {color:{color:link hover};}
  155. #tags{font-family:Georgia;font-size:9px;font-weight:normal;text-transform:lowercase;}
  156. #tags a{font-size:9px;}
  157.  
  158. #image{position: fixed; width: 245px; margin-left: 5px; height: auto;margin-top: 10px;}
  159. #base{width:245px; height:auto; overflow:hidden; border:0px solid {color:border};background-color:#trans!;}
  160. #base img {margin-top:-8px; height:auto; width:245px;}
  161. #up {margin-left:0px; -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  162. #up:hover {margin-left:0px;}
  163.  
  164. #description {height:auto; margin-left:-5px;text-align:center; width:245px; font-family: Georgia; letter-spacing:1px; font-size:9px; color:{color:sidebar font}; background-color:#trans!; padding:5px;}
  165.  
  166. .clicker{position: relative;color: white;padding: 0px 6px 5px 6px;cursor:pointer;cursor:help;}
  167.  
  168. {block:ifshowposts500}
  169. .permanotes {width:500px;background-color:#trans!;padding-top:5px;margin-top:3px;}
  170. {/block:ifshowposts500}
  171. {block:ifshowposts400}
  172. .permanotes {width:400px;background-color:#trans!;padding-top:5px;margin-top:3px;}
  173. {/block:ifshowposts400}
  174.  
  175. #banner{background-color:{color:banner}; padding:2px; padding-bottom:4px;float:left; width:266px; text-align:center;margin-top:-32px;margin-left:-13px;position:fixed;}
  176.  
  177. .links{background-color:{color:banner};display:inline-block;font-size:9px; font-family:georgia; font-style: italic;letter-spacing: 1px;padding:0px; -webkit-transition-duration: .4s;}
  178. .links a{color:{color:link};padding:4px;}
  179. .links a:hover{color:{color:link hover};}
  180.  
  181. .tags {font-size: 9px; letter-spacing: 1px; text-align: center; margin-bottom: 10px; padding-top:2px; border-top: 2px solid {color:tags border}; text-transform: none;font-family:georgia;margin-top:-3px;}
  182.  
  183. #fecha{margin:-21px 0 0 0; position:absolute;{block:ifshowposts500}width:169px;{/block:ifshowposts500}{block:ifshowposts400}width:135px;{/block:ifshowposts400} padding:2px 0px;background-color:#trans!; border-bottom:2px solid {color:date border};display:block;margin-bottom:3px;text-align:center;}
  184. #fecha a{padding-bottom:2px; text-align:center; text-transform:lowercase; letter-spacing:1px; font-family:georgia;{block:ifshowposts500} font-size:10px;{/block:ifshowposts500}{block:ifshowposts400}font-size:9px;{/block:ifshowposts400}}
  185.  
  186. #notas{{block:ifshowposts500}margin:-21px 0 0 166px;{/block:ifshowposts500}{block:ifshowposts400}margin:-21px 0 0 133px;{/block:ifshowposts400}position:absolute;{block:ifshowposts500}width:166px;{/block:ifshowposts500}{block:ifshowposts400}width:133px;{/block:ifshowposts400} padding:2px 0px; background-color:#trans!; display:block;margin-bottom:3px;border-bottom:2px solid {color:notes border};text-align:center;}
  187. #notas a{padding-bottom:2px; text-align:center; text-transform:lowercase; letter-spacing:1px; font-family:georgia;{block:ifshowposts500} font-size:10px;{/block:ifshowposts500}{block:ifshowposts400}font-size:9px;{/block:ifshowposts400}}
  188.  
  189. #reblog{{block:ifshowposts500}margin:-25px 0 0 332px;{/block:ifshowposts500}{block:ifshowposts400}margin:-24px 0 0 266px;{/block:ifshowposts400} position:absolute;{block:ifshowposts500}width:166px;{/block:ifshowposts500}{block:ifshowposts400}width:133px;{/block:ifshowposts400}padding:2px 0px; background-color:#trans!;display:block;padding-bottom:5px;text-align:center;border-bottom:2px solid {color:reblog border};}
  190. #reblog a{padding-bottom:2px; text-align:center; text-transform:lowercase; letter-spacing:1px; font-family:georgia;{block:ifshowposts500} font-size:10px;{/block:ifshowposts500}{block:ifshowposts400}font-size:9px;{/block:ifshowposts400}}
  191.  
  192. #b1 {width: 0; height: 0; border-top: 13px solid {color:banner shadow}; border-right: 13px solid transparent;position:absolute;margin-top:16px;margin-left:255px;}
  193. #b2 {width: 0; height: 0; border-top: 13px solid {color:banner shadow}; border-left: 13px solid transparent;position:absolute;margin-top:16px;margin-left:-1px; }
  194.  
  195. .icons{font-family: WebSymbolsRegular;text-transform: none;font-style: normal;padding:0px;}
  196.  
  197. .user_1 .label {color:{color:link}; font-weight:bold}
  198. .user_2 .label {color:{color:text}; font-weight:bold}
  199. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  200.  
  201. .notes img{width:10px; position:relative; top:1px;}
  202. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  203.  
  204. iframe#tumblr_controls {
  205. top:0px !important;
  206. right:3px !important;
  207. position: fixed !important;
  208. -webkit-transition: opacity 0.7s linear;
  209. opacity: 0.4;
  210. -webkit-transition: all 0.8s ease-out;
  211. -moz-transition: all 0.8s ease-out;
  212. transition: all 0.8s ease-out;
  213. z-index:99;}
  214.  
  215. iframe#tumblr_controls:hover{
  216. -webkit-transition: opacity 0.7s linear;
  217. opacity: 1;
  218. -webkit-transition: all 0.4s ease-out;
  219. -moz-transition: all 0.4s ease-out;
  220. transition: all 0.4s ease-out;
  221. z-index:99;}
  222.  
  223. </style>
  224. <style type="text/css">{CustomCSS}
  225. @font-face{
  226. font-family: 'WebSymbolsRegular';
  227. src: url('http://static.tumblr.com/ekfbsgu/3q1m4j9nx/websymbols-regular-webfont.ttf');
  228. src: url('http://static.tumblr.com/ekfbsgu/3q1m4j9nx/websymbols-regular-webfont.ttf') format('embedded-opentype'),
  229. url('http://static.tumblr.com/ekfbsgu/3q1m4j9nx/websymbols-regular-webfont.ttf') format('woff'),
  230. url('http://static.tumblr.com/ekfbsgu/3q1m4j9nx/websymbols-regular-webfont.ttf') format('truetype'),
  231. url('http://static.tumblr.com/ekfbsgu/3q1m4j9nx/websymbols-regular-webfont.ttf') format('svg');
  232. }
  233.  
  234. </style>
  235. </head>
  236.  
  237. <body>
  238. <div class="iconica"><center><a href='http://baudelaired.tumblr.com' title='Theme by Diana' ><img src='http://static.tumblr.com/ekfbsgu/7Lsm44p8k/btt.png' alt='MyFreeCopyright.com Registered & Protected' title='&copy; Theme by Baudelaired' width='30px' height='30px' border='0'/></a></center></div>
  239.  
  240. <div id="sbar1">
  241. <div id="title">{Title}</div>
  242. <div id="image">
  243. <div id="base">
  244. <table border="0" cellpadding="0" cellspacing="0" id="up"><tr>
  245. <td><img class="imagembase"src="{image:sidebar}" width="245px;" height="auto";></td>
  246.  
  247. <td></td>
  248. </div>
  249. </tr></table>
  250. </div></a>
  251. <div id="banner">
  252. <div id="b1"></div><div id="b2"></div>
  253. <div class="links"><a href="/">home</a>
  254. <a href="/ask">ask</a>
  255. <a href="{text:Link1}">{text:Link1 Title}</a>
  256. <a href="{text:Link2}">{text:Link2 Title}</a>
  257. <a href="{text:Link3}">{text:Link3 Title}</a>
  258. </div></div>
  259.  
  260. <div id="pagination">{block:Pagination}
  261. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  262.  
  263. {block:JumpPagination length="5"}
  264.  
  265. {block:CurrentPage}<span class="current_page" style="padding-right:6px;">{PageNumber}</span>{/block:CurrentPage}
  266.  
  267. {block:JumpPage}<a class="jump_page" style="padding-right:6px;" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  268.  
  269. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}<br></div>
  270.  
  271. <div id="description">{description}</div>
  272. </div></div>
  273.  
  274. <div id="entries">
  275. {block:Posts}
  276. <div id="posts">
  277.  
  278. {block:Date}
  279. <div id="fecha"><a href="{Permalink}">{TimeAgo}</a></div>
  280. <div id="notas">{block:NoteCount}<a href="{Permalink}">{NoteCount}{/block:NoteCount} notes.</a></div>
  281. <div id="reblog">
  282. {block:RebloggedFrom}<a title ="{ReblogParentName}" href="{ReblogParentURL}">via</a> · {/block:RebloggedFrom}{block:ContentSource}<a title ="{SourceTitle}" href="{SourceURL}">source</a> · {/block:ContentSource}<a href="{ReblogURL}" target="_blank"><span class="icons">J</span> reblog</a>
  283. </div>
  284. {/block:Date}
  285.  
  286. {block:ifshowhovertags}
  287. {block:HasTags}
  288. <div id="info">
  289. <div id="tags">{block:Tags}<span class="icons">A</span><a href="/tagged/{Tag}">{Tag}</a><br>{/block:Tags}</div></div>{/block:HasTags}
  290. {/block:ifshowhovertags}
  291. </a>{block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  292. {block:Text}{Body}{/block:Text}
  293.  
  294. {block:Quote}<h2>❝{Quote}❞{/block:Quote}
  295. {block:Source}<div class="source">— {Source}</div></h2>{/block:Source}
  296.  
  297. {block:Link}
  298. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  299. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  300.  
  301. {block:ifshowposts500}
  302. {block:Photo}
  303. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:ifshowposts500}
  304. {block:ifshowposts400}
  305. {block:Photo}
  306. <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}{/block:ifshowposts400}
  307.  
  308. {block:ifshowposts500}
  309. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  310. {block:ifshowposts500}
  311.  
  312. {block:ifshowposts400}
  313. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  314. {block:ifshowposts400}
  315.  
  316. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>
  317.  
  318. {/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  319.  
  320. {block:ifshowposts500}
  321. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  322. {/block:ifshowposts500}
  323. {block:ifshowposts400}
  324. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  325. {/block:ifshowposts400}
  326.  
  327.  
  328. {block:Answer}<div class="pregunta"><div class="asker">{Asker} SAID:</div><div id="quote1">❝</div><center><div class="question">{Question}<div id="quote2">❞</div></div></center></div>
  329. <div class="pregunta">{Answer}</div>{/block:Answer}
  330.  
  331.  
  332. {block:ifshowposts500}
  333. {block:Audio}<table><table style="overflow:hidden;">
  334. <tr><td><div style="background: #000; width: 240px; padding-left: 5px; padding-top:110px;padding-bottom:110px;"><center>{AudioPlayerBlack}</center></div></td>{block:AlbumArt}<td><div id="album">
  335. <img src="{AlbumArtURL}"></div></td><td>{block:TrackName}<div id="cool"><div style="margin-top:-126px; margin-left:-254px;background:#fff; font-family: Consolas;color:{color:font};width:150px; padding:50px;height:150px;font-size:9px; text-transform: uppercase;text-align:left;position:absolute"><p><b>Song:</b>{TrackName}<p><b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<p><b> Album:</b>{block:Album}{Album}{/block:Album}<p><b>Played:</b> {PlayCount} Times</div></div>{/block:TrackName}{/block:AlbumArt}
  336. </tr></table><p>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  337. {/block:ifshowposts500}
  338.  
  339. {block:ifshowposts400}
  340. {block:Audio}<table><table style="overflow:hidden;">
  341. <tr><td><div style="background: #000; width: 200px; padding-left: 5px; padding-top:85px;padding-bottom:85px;overflow:hidden;margin-top:-1px;"><center>{AudioPlayerBlack}</center></div></td>{block:AlbumArt}<td><div id="album">
  342. <img src="{AlbumArtURL}"></div></td><td>{block:TrackName}<div id="cool"><div style="margin-top:-100px; margin-left:-204px;background:#fff; font-family: Consolas;color:{color:font};width:121px; padding:35px;height:129px;font-size:8px; text-transform: uppercase;text-align:left;position:absolute"><p><b>Song:</b>{TrackName}<p><b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<p> Album:{block:Album}{Album}{/block:Album}<p><b>Played:</b> {PlayCount} Times</div></div>{/block:TrackName}{/block:AlbumArt}
  343. </tr></table><p>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>{/block:ifshowposts400}
  344.  
  345. {block:ifshowtags}
  346. {block:HasTags}
  347. <div class="tags">filed under:
  348. {block:Tags}<span class="icons">A</span> <a href="{TagURL}">{Tag}</a> {/block:Tags}
  349. </div>
  350. {/block:HasTags}
  351. {/block:ifshowtags}
  352. <br>
  353. </div>{block:PostNotes}
  354. <div class="clicker"><div class="title">Show Notes</div></div>
  355. <div class="permanotes">
  356. {PostNotes}</div>{/block:PostNotes}<br>
  357.  
  358. </body>
  359. </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!