API tools faq
paste
chrisevansed

Theme #1 with Album Art

chrisevansed
Jun 19th, 2014
242
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.66 KB | None | 0 0
raw download clone embed print report
  1. <!--Theme #1 by jensensakles-->
  2.  
  3. <!DOCTYPE html>
  4. <head>
  5.  
  6.  
  7. <title>{Title}</title>
  8.  
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <meta name="color:Background" content="#ffffff"/>
  14. <meta name="color:Text" content="#aaaaaa"/>
  15. <meta name="color:Link" content="#000000"/>
  16. <meta name="color:Borders" content="#cccccc"/>
  17.  
  18. <meta name="image:Sidebar Image" content=""/>
  19. <meta name="if:Show Sidebar Image" content="1"/>
  20. <meta name="if:500px posts" content="0"/>
  21.  
  22. <meta name="text:Link 1 URL" content="" />
  23. <meta name="text:Link 1" content="" />
  24. <meta name="text:Link 2 URL" content="" />
  25. <meta name="text:Link 2" content="" />
  26. <meta name="text:Link 3 URL" content="" />
  27. <meta name="text:Link 3" content="" />
  28.  
  29.  
  30.  
  31.  
  32. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  33.  
  34. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  35.  
  36. <script>
  37.  
  38. (function($){
  39.  
  40. $(document).ready(function(){
  41.  
  42. $("a[title]").style_my_tooltips({
  43.  
  44. tip_follows_cursor:true,
  45.  
  46. tip_delay_time:30,
  47.  
  48. tip_fade_speed:300,
  49.  
  50. attribute:"title"
  51.  
  52. });
  53.  
  54. });
  55.  
  56. })(jQuery);
  57.  
  58. </script>
  59.  
  60. <style type="text/css">
  61.  
  62. #s-m-t-tooltip{
  63. position:absolute;
  64. margin-top: 15px;
  65. z-index:9999;
  66. background:{color:background};
  67. }
  68.  
  69.  
  70. /*basics*/
  71. blockquote {padding: 0px 0 0px 10px;
  72. border-left:1px solid {color:borders};
  73. margin-left:30px;
  74. }
  75.  
  76. .caption {
  77. padding-top:0px;
  78. padding-left:10px;
  79. padding-bottom:0px;
  80. margin-top:0px;
  81. text-align:left;
  82. font-size:10px;
  83. padding-right:10px;}
  84.  
  85. body {
  86. background:{color:background};
  87. color:{color:text};
  88. font-family:arial;
  89. font-size:11px;
  90. text-align:justify;
  91. margin:0;
  92. line-height:16px;}
  93.  
  94.  
  95. a {
  96. color:{color:link};
  97. text-decoration:none;
  98. -webkit-transition:all 0.6s;
  99. -moz-transition:all 0.6s;
  100. -ms-transition:all 0.6s;
  101. -o-transition:all 0.6s;
  102. transition:all 0.6s;
  103. }
  104.  
  105. a:hover {
  106. text-decoration:underline;
  107. -webkit-transition:all 0.6s;
  108. -moz-transition:all 0.6s;
  109. -ms-transition:all 0.6s;
  110. -o-transition:all 0.6s;
  111. transition:all 0.6s; }
  112.  
  113. img{opacity:1;
  114. border:none;
  115. text-decoration:none;}
  116.  
  117.  
  118. small {
  119. font-size:9px;}
  120.  
  121. big {
  122. font-size:12px;}
  123.  
  124.  
  125. #title {font-size:12px;
  126. line-height:18px;
  127. font-weight:bold;
  128. margin-bottom:10px;
  129. text-transform:uppercase;
  130. text-align:left;}
  131.  
  132.  
  133. /*sidebar*/
  134. #sidebar {text-align:left;
  135. position:fixed;
  136. margin-top:250px;
  137. width:125px;
  138. margin-left:-200px;
  139.  
  140. }
  141.  
  142. #sidebarimage {margin-bottom:20px;
  143. }
  144.  
  145. #sidebarimage img {width:125px;}
  146.  
  147. #blogtitle {font-size:18px;letter-spacing:5px;font-weight:bold;}
  148.  
  149. #links {
  150. display:block;padding: 0px 0px 8px 0px;
  151. text-align:right;
  152. line-height:16px;
  153. font-size:10px;
  154. text-transform:lowercase;
  155. }
  156.  
  157.  
  158. #links a {
  159. margin-right:5px;
  160. margin-bottom:5px;
  161. }
  162.  
  163. #description {
  164. margin:20px 0;
  165. line-height:150%;
  166.  
  167. }
  168.  
  169.  
  170. /*pagination*/
  171. #pagination {
  172. margin:50px 0;
  173. text-align:right;
  174. font-size:8px;
  175. letter-spacing:1px;
  176. text-transform:uppercase;
  177. font-weight:bold;
  178. }
  179. #pagination a {
  180. padding:0 15px;
  181. }
  182.  
  183. /*container*/
  184. #con {
  185. left:50%;
  186. margin-left:-200px;
  187. position:absolute;
  188. }
  189.  
  190.  
  191.  
  192. /*posts*/
  193.  
  194. #entries {
  195. margin-top:90px;
  196. {block:if500pxposts}
  197. width:500px;
  198. {/block:if500pxposts}
  199. {block:ifnot500pxposts}
  200. width:400px;
  201. {/block:ifnot500pxposts}
  202. }
  203.  
  204.  
  205.  
  206. #posts {
  207. {block:IndexPage}
  208. margin-bottom:80px;
  209. {/block:IndexPage}
  210. {block:PermalinkPage}
  211. margin-bottom:80px;
  212. {/block:PermalinkPage}
  213. {block:if500pxposts}
  214. width:500px;
  215. {/block:if500pxposts}
  216. {block:ifnot500pxposts}
  217. left:400px;
  218. {/block:ifnot500pxposts}
  219. }
  220.  
  221. #posts img {
  222. {block:if500pxposts}
  223. max-width:500px;
  224. {/block:if500pxposts}
  225. {block:ifnot500pxposts}
  226. max-width:400px;
  227. {/block:ifnot500pxposts}
  228.  
  229. }
  230.  
  231. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  232.  
  233. /*quote*/
  234.  
  235. #titlequote{
  236. text-align:center;
  237. font-size:14px;
  238. line-height:18px;
  239. font-weight:bold;
  240. }
  241.  
  242. #source {
  243. text-align:center;
  244. font-size:8px;
  245. letter-spacing:1px;
  246. text-transform:uppercase;
  247. padding-bottom:5px;
  248. margin-top:15px;
  249. margin-left:15px;
  250. }
  251.  
  252. /*audio*/
  253.  
  254. .player {
  255. width:25px;
  256. height:25px;
  257. overflow:hidden;
  258. position:absolute;
  259. background:white;}
  260.  
  261. .audioinfo {
  262. margin-left:50px;
  263. {block:if500pxposts}
  264. width:290px;
  265. {/block:if500pxposts}
  266. {block:ifnot500pxposts}
  267. width:190px;
  268. {/block:ifnot500pxposts}
  269. }
  270.  
  271. .cover {
  272. position:absolute;
  273. margin-left:150px;
  274. z-index:1;
  275. width:120px;
  276. height:120px;
  277. }
  278.  
  279. .cover img {
  280. float:left;
  281. {block:if500pxposts}
  282. margin-left:230px;
  283. {/block:if500pxposts}
  284. {block:ifnot500pxposts}
  285. margin-left:130px;
  286. {/block:ifnot500pxposts}
  287. width:120px;
  288. height:120px;
  289. }
  290.  
  291. /*asks*/
  292. .q {margin-bottom:10px;
  293. text-align:center;
  294. padding:5px;
  295. }
  296.  
  297. .as {
  298. font-weight:bold;}
  299.  
  300. .a {
  301. margin-top:10px;
  302. }
  303.  
  304.  
  305. /*chat*/
  306.  
  307. .chat ol {
  308. padding:0;
  309. list-style:none;
  310. }
  311. .line {padding:5px 0;}
  312.  
  313. .label {font-weight:bold;
  314. }
  315.  
  316.  
  317.  
  318. /*permalink and notes*/
  319.  
  320. #info {
  321. margin-top:2px;
  322. font-size:8px;
  323. letter-spacing:1px;
  324. text-transform:uppercase;
  325. }
  326.  
  327. #info a {margin-left:10px;
  328. }
  329.  
  330. .tags {
  331. {block:ifNot400pxposts}
  332. width:500px;
  333. {/block:ifNot400pxposts}
  334. {block:if400pxposts}
  335. width:400px;
  336. {/block:if400pxposts}
  337. text-align:left;
  338. font-size:8px;
  339. letter-spacing:1px;
  340. margin-top:0px;
  341. line-height:90%;
  342. }
  343.  
  344. .notes {
  345. {block:IndexPage}
  346. display: none!important;
  347. {/block:IndexPage}
  348. text-align:left;
  349. {block:if500pxposts}
  350. width:500px;
  351. {/block:if500pxposts}
  352. {block:ifnot500pxposts}
  353. width:400px;
  354. {/block:ifnot500pxposts}
  355. }
  356.  
  357. .notes img {
  358. display:none!important;}
  359. .notes li {
  360. list-style-type:none;
  361. padding:5px 0px;
  362. text-align:left;
  363. margin:0 0 0 -40px;
  364. }
  365.  
  366. #credit {
  367. position:fixed;
  368. right:10px;
  369. bottom:10px;
  370. text-transform:uppercase;
  371. font-size:8px;
  372. font-family:arial;
  373. letter-spacing:1px;
  374. padding:3px;
  375. -webkit-transition: all 0.5s ease;
  376. -moz-transition: all 0.5s ease;
  377. -ms-transition: all 0.5s ease;
  378. -o-transition: all 0.5s ease;
  379. transition: all 0.5s ease;
  380. }
  381.  
  382.  
  383. {CustomCSS}
  384.  
  385.  
  386. </style>
  387.  
  388.  
  389.  
  390. </head>
  391.  
  392. <body>
  393.  
  394. <div id="con">
  395.  
  396. <div id="sidebar">
  397. {block:IfShowSidebarImage}
  398. <div id="sidebarimage"><img src="{image:Sidebar Image}"></div>
  399. {/block:IfShowSidebarImage}
  400. <div id="blogtitle"><a href="/">{Title}.</a></div>
  401. <div id="description">{Description}</div>
  402. <div id="links">
  403. <a href="/ask">ask</a>
  404. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  405. {block:ifLink2}<a href="{text:Link 2 URL}" >{text:Link 2}</a>{/block:ifLink2}
  406. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
  407. </div>
  408.  
  409.  
  410.  
  411.  
  412. </div>
  413.  
  414.  
  415.  
  416.  
  417. <div id="entries">
  418.  
  419. {block:Posts}
  420. <div id="posts">
  421.  
  422.  
  423. {block:Quote}
  424.  
  425.  
  426. <div id="titlequote">“{Quote}”</div>
  427. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  428. {/block:Quote}
  429.  
  430.  
  431.  
  432. {block:Text}
  433.  
  434. {block:Title}
  435. <div id="title">{Title}</div>{/block:Title}
  436. {Body}
  437. {/block:Text}
  438.  
  439. {block:Link}
  440. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  441. {/block:Link}
  442.  
  443. {block:Chat}
  444. {block:Title}
  445. <h1>{Title}</h1>
  446. {/block:Title}
  447. <div class="chat">
  448. <ol>{block:Lines}
  449. <li class="line {Alt}">
  450. {block:Label}
  451. <span class="label">
  452. {Label}</span>
  453. {/block:Label}{Line}</li>
  454. {/block:Lines}
  455. </ol></div>
  456. {/block:Chat}
  457.  
  458. {block:Photo}
  459. <div class="photo">
  460. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  461. </div>
  462.  
  463.  
  464. {/block:Photo}
  465.  
  466. {block:Photoset}
  467. <div class="photoset">
  468. {block:if500pxposts}
  469. {Photoset-500}
  470. {/block:if500pxposts}
  471. {block:ifnot500pxposts}
  472. {Photoset-400}
  473. {/block:ifnot500pxposts}
  474. </div>
  475. {/block:Photoset}
  476.  
  477.  
  478. {block:Video}
  479. {/block:IndexPage}
  480. {block:if500pxposts}
  481. {Video-500}
  482. {/block:if500pxposts}
  483. {block:ifnot500pxposts}
  484. {Video-400}
  485. {/block:ifnot500pxposts}
  486. {/block:Video}
  487.  
  488. {block:Audio}
  489. <div class="cover"><img src="http://31.media.tumblr.com/00875d07f9a24cb51966ee9d0dc90bbf/tumblr_msrqgihNaz1qe3j9mo1_400.png"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  490. <div class="player">{AudioPlayerWhite}</div>
  491. <div class="audioinfo">
  492. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  493. </div>
  494. {/block:Audio}
  495.  
  496. {block:Answer}
  497. <div class="q">
  498. <div class="as">{Asker} said: </div>
  499. {Question}</div>
  500. <div class="a">{Answer}</div>
  501. {/block:Answer}
  502.  
  503. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  504.  
  505. {block:Date}
  506. <div id="info">
  507. <a href="{Permalink}" >{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">({NoteCount})</a>{/block:NoteCount}{block:PermalinkPage}
  508. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">/ source</a>{/block:ContentSource}{/block:RebloggedFrom}
  509. {/block:PermalinkPage}
  510. <div class="tags">
  511. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>
  512. {/block:HasTags}
  513. </div>
  514. {/block:Date}
  515.  
  516.  
  517.  
  518. </div>
  519.  
  520.  
  521. {block:PostNotes}
  522. <div class="notes">
  523. {PostNotes}
  524. </div>
  525. {/block:PostNotes}
  526.  
  527.  
  528. {/block:Posts}
  529.  
  530. <div id="pagination">
  531. {block:Pagination}
  532. {block:PreviousPage}
  533. <a href="{PreviousPage}">&larr; previous </a>
  534. {/block:PreviousPage}
  535.  
  536.  
  537. {block:NextPage}
  538. <a href="{NextPage}">next &rarr;</a>
  539. {/block:NextPage}
  540. {/block:Pagination}
  541. </div>
  542.  
  543.  
  544.  
  545. </div>
  546.  
  547. <div id="credit">
  548. <a href="http://jensensakles.tumblr.com/">ja</a></div>
  549.  
  550.  
  551. </div>
  552.  
  553.  
  554. {block:ContentSource}
  555. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  556. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  557. {/block:SourceLogo}
  558. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  559. {/block:ContentSource}
  560.  
  561. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!