API tools faq
paste
Advertisement
rachaelsux

(11) heartbeat

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