API tools faq
paste
tearofthemoon

Theme 15

tearofthemoon
Sep 29th, 2013
2,612
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.27 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html>
  4.  
  5. <!-- theme 15 by T E A R O F T H E M O O N .tumblr.com
  6.  
  7. Do not redistribute or claim as your own.
  8. Do not use this theme as a base.
  9. Do not remove the credits of the theme, including this header.
  10. -->
  11.  
  12.  
  13. <head>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19. <link href="http://static.tumblr.com/lxi0ckl/1W9mckpcz/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  20.  
  21. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  22.  
  23. <script src="http://static.tumblr.com/lxi0ckl/o7Smckon9/jquery.style-my-tooltips.js"></script>
  24.  
  25. <meta name="color:Backgroundd" content ="#fafafa"/>
  26. <meta name="image:Background" content=""/>
  27. <meta name="image:Sidebar 1" content=""/>
  28. <meta name="image:Sidebar 1" content=""/>
  29. <meta name="color:Sidebar 1 background" content ="#c5c5c5"/>
  30. <meta name="image:Sidebar 1 bg" content =""/>
  31. <meta name="image:Sidebar 2" content=""/>
  32. <meta name="color:Sidebar 2 background" content ="#e7e7e7"/>
  33. <meta name="image:Sidebar 2 bg" content=""/>
  34. <meta name="color:Posts" content ="#ffffff"/>
  35. <meta name="image:Posts bar" content=""/>
  36. <meta name="color:Text" content="#333333"/>
  37. <meta name="color:Sidebar text" content="#333333"/>
  38. <meta name="color:Link" content="#cccccc"/>
  39. <meta name="color:Link Hover" content="#888888"/>
  40. <meta name="color:Text bold" content="#000000"/>
  41. <meta name="color:Text italic" content="#adadad"/>
  42. <meta name="color:Selected text" content="#fafafa"/>
  43. <meta name="color:Selected text bg" content="#888888"/>
  44. <meta name="color:Title" content="#ffffff"/>
  45. <meta name="color:Title shadow" content="#ecddcd"/>
  46. <meta name="color:Subtitle" content="#000000"/>
  47. <meta name="color:Subtitle shadow" content="#000000"/>
  48. <meta name="color:Date" content="#888888"/>
  49. <meta name="color:Date bg" content="#fafafa"/>
  50. <meta name="color:Tag page title bg" content="#f7f7f7"/>
  51. <meta name="color:Pagination arrows" content="#333333"/>
  52. <meta name="color:Reblogged bg" content="#ffffff"/>
  53.  
  54. <meta name="color:Navigation Text" content="#161616"/>
  55. <meta name="color:Navigation Text Hover" content="#888888"/>
  56. <meta name="color:Navigation Hover" content="#000000"/>
  57.  
  58. <meta name="text:Title 1" content =""/>
  59. <meta name="text:Title 2" content =""/>
  60.  
  61. <meta name="if:White sidebar description" content ="1"/>
  62.  
  63. <meta name="text:Custom Link 1" content="" />
  64. <meta name="text:Custom Link 1 Title" content=""/>
  65. <meta name="text:Custom Link 2" content="" />
  66. <meta name="text:Custom Link 2 Title" content=""/>
  67. <meta name="text:Custom Link 3" content="" />
  68. <meta name="text:Custom Link 3 Title" content=""/>
  69. <meta name="text:Custom Link 4" content="" />
  70. <meta name="text:Custom Link 4 Title" content=""/>
  71. <meta name="text:Custom Link 5" content="" />
  72. <meta name="text:Custom Link 5 Title" content=""/>
  73. <meta name="text:Custom Link 6" content="" />
  74. <meta name="text:Custom Link 6 Title" content=""/>
  75.  
  76. <style type="text/css">
  77.  
  78. ::-webkit-scrollbar {
  79. width: 10px;
  80. height: 10px;
  81. }
  82.  
  83. ::-webkit-scrollbar-track-piece {
  84. background-color: {color:Link Hover};
  85. }
  86.  
  87. ::-webkit-scrollbar-thumb:vertical {
  88. background-color: black;
  89. }
  90.  
  91. ::-webkit-scrollbar-thumb:horizontal {
  92. background-color: black;
  93. }
  94.  
  95. @font-face {
  96. font-family: 'WebSymbolsRegular';
  97. src: url('http://static.tumblr.com/lxi0ckl/uLFmarxj3/websymbols-regular-webfont.eot');
  98. src: url('http://static.tumblr.com/lxi0ckl/uLFmarxj3/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
  99. url('http://static.tumblr.com/lxi0ckl/n0Kmarxly/websymbols-regular-webfont.woff') format('woff'),
  100. url('http://static.tumblr.com/lxi0ckl/pxcmarxlc/websymbols-regular-webfont.ttf') format('truetype'),
  101. url('http://static.tumblr.com/lxi0ckl/yN9marxkn/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
  102. }
  103.  
  104. body {
  105. background-color: {color:Backgroundd};
  106. background-image: url('{image:Background}');
  107. background-attachment: fixed;
  108. background-position: left;
  109. background-repeat: repeat;
  110. font-family: Calibri;
  111. font-size: 11px;
  112. color: {color:Text};
  113. }
  114.  
  115. b, strong {
  116. color: {color:Text bold};
  117. text-decoration: none;
  118. }
  119.  
  120. i, em {
  121. color: {color:Text italic};
  122. border-bottom: 1px dotted {color:Borders};
  123. }
  124.  
  125. ::-moz-selection {
  126. color: {color:Selected text};
  127. background-color: {color:Selected text bg};
  128. }
  129.  
  130. ::selection {
  131. color: {color:Selected text};
  132. background-color: {color:Selected text bg};
  133. }
  134.  
  135. a {
  136. color: {color:Link};
  137. text-decoration: none;
  138. -webkit-transition: all 0.4s ease-in-out;
  139. -moz-transition: all 0.4s ease-in-out;
  140. -o-transition: all 0.4s ease-in-out;
  141. -ms-transition: all 0.4s ease-in-out;
  142. transition: all 0.4s ease-in-out;
  143. }
  144.  
  145. a:hover {
  146. color: {color:Link Hover};
  147. }
  148.  
  149. a img {
  150. border: 0px;
  151. }
  152.  
  153. #content {
  154. background-color: {color:Posts};
  155. position: absolute;
  156. top: 0px;
  157. left: 530px;
  158. width: 520px;
  159. }
  160.  
  161. #post {
  162. padding: 10px;
  163. margin-bottom: 10px;
  164. width: 500px;
  165. }
  166.  
  167. post img {
  168. display: block;
  169. margin: 0 auto;
  170. }
  171.  
  172. .sidebarone {
  173. position: fixed;
  174. font-family: helvetica;
  175. font-size: 9px;
  176. text-align: justify;
  177. color: {color:Sidebar text};
  178. padding: 10px;
  179. left: 20px;
  180. top: 200px;
  181. height: 190px;
  182. width: 190px;
  183. {block:IfWhiteSidebarDescription}background-color:rgba(255,255,255, 0.5);{/block:IfWhiteSidebarDescription}
  184. {block:IfNotWhiteSidebarDescription}background-color:rgba(0,0,0, 0.5);{/block:IfNotWhiteSidebarDescription}
  185. z-index: 5;
  186. }
  187.  
  188. .sidebartwo {
  189. position: fixed;
  190. font-family: helvetica;
  191. font-size: 9px;
  192. text-align: justify;
  193. left: 300px;
  194. top: 200px;
  195. height: 210px;
  196. width: 210px;
  197. z-index: 5;
  198. }
  199.  
  200. .sidebarimage img {
  201. max-width: 250px;
  202. vertical-align: top;
  203. }
  204.  
  205. .blogtitle {
  206. position: fixed;
  207. font-family: 'Lobster Two';
  208. font-size: 30px;
  209. font-style: italic;
  210. text-align: center;
  211. color: {color:Title};
  212. text-shadow: 1px 1px 5px {color:Title shadow};
  213. left: 10px;
  214. top: 30px;
  215. width: 230px;
  216. z-index: 6;
  217. }
  218.  
  219. .blogtitle:first-letter {
  220. font-size: 45px;
  221. }
  222.  
  223. .blogsubtitle {
  224. position: fixed;
  225. font-family: 'Lobster Two';
  226. font-style: italic;
  227. font-size: 20px;
  228. text-align: center;
  229. color: {color:Subtitle};
  230. text-shadow: 1px 1px 5px {color:Subtitle shadow};
  231. left: 300px;
  232. top: 60px;
  233. width: 230px;
  234. z-index: 6;
  235. }
  236.  
  237. .tagpage {
  238. font-family: 'Lobster Two';
  239. font-style: italic;
  240. font-size: 20px;
  241. text-align: center;
  242. background-color: {color:Tag page title bg};
  243. padding: 10px;
  244. margin-top: 10px;
  245. margin-left: 10px;
  246. margin-right: 10px;
  247. }
  248.  
  249. .permalink {
  250. border-top: 4px solid {color:Date bg};
  251. margin-top: 5px;
  252. }
  253.  
  254. .date {
  255. font-family: Calibri;
  256. font-size: 10px;
  257. color: {color:Date};
  258. background-color: {color:Date bg};
  259. text-transform: lowercase;
  260. letter-spacing: 1px;
  261. margin-bottom: 10px;
  262. padding: 2px;
  263. padding-left: 5px;
  264. }
  265.  
  266. .date a {
  267. color: {color:Date};
  268. }
  269.  
  270. .quotemark {
  271. font-size: 60px;
  272. line-height: 10px;
  273. margin-top: 30px;
  274. padding-right: 10px;
  275. font-family: Georgia;
  276. float: left;
  277. }
  278.  
  279. .paginext {
  280. position: fixed;
  281. font-size: 25px;
  282. top: 430px;
  283. left: 400px;
  284. z-index: 4;
  285. }
  286.  
  287. .paginext a {
  288. color: {color:Pagination arrows};
  289. }
  290.  
  291. .pagiprev {
  292. position: fixed;
  293. font-size: 25px;
  294. top: 430px;
  295. left: 110px;
  296. z-index: 4;
  297. }
  298.  
  299. .pagiprev a {
  300. color: {color:Pagination arrows};
  301. }
  302.  
  303. .parentroot {
  304. position: absolute;
  305. float: right;
  306. width: 70px;
  307. font-family: 'WebSymbolsRegular';
  308. text-transform: none;
  309. font-style: normal;
  310. font-size: 9px;
  311. text-align: center;
  312. margin: 1px 0px 0px 506px;
  313. z-index: 100;
  314. }
  315.  
  316. .parentroot a {
  317. color: {color:Text};
  318. font-size: 9px;
  319. }
  320.  
  321. .parentroot img {
  322. vertical-align: top;
  323. border: 4px solid {color:Reblogged bg};
  324. }
  325.  
  326. .tags a {
  327. font-size: 10px;
  328. text-transform: lowercase;
  329. display: inline
  330. }
  331.  
  332. .time {
  333. font-family: calibri;
  334. font-size: 10px;
  335. text-align: center;
  336. letter-spacing: 1px;
  337. }
  338.  
  339.  
  340. blockquote {
  341. font-size: 12px;
  342. padding-left: 7px;
  343. border-left: 4px solid {color:Text};
  344. margin: 5px;
  345. }
  346.  
  347. .ask {
  348. padding: 5px;
  349. background-color: {color:Date bg};
  350. font-size: 12px;
  351. }
  352.  
  353. .ask img {
  354. float: left;
  355. margin-right: 5px;
  356. vertical-align: top;
  357. }
  358.  
  359. #audioplayer {
  360. width:30px;
  361. height:30px;
  362. overflow:hidden;
  363. position:absolute;
  364. margin-top:40px;
  365. margin-left:38px;
  366. opacity: 0.9;
  367. }
  368.  
  369. #albumart {
  370. position: absolute;
  371. width: 100px;
  372. height: 100px;
  373. }
  374.  
  375. #albumart img {
  376. float: left;
  377. margin-right: 5px;
  378. margin-bottom: 5px;
  379. border: 3px solid black;
  380. vertical-align: top;
  381. }
  382.  
  383. .audiodescription {
  384. margin-left: 110px;
  385. }
  386.  
  387. .quote {
  388. font-family: Lobster Two;
  389. letter-spacing: 1px;
  390. font-size: 18px;
  391. font-style: italic;
  392. }
  393.  
  394. .source {
  395. margin-left: 25px;
  396. }
  397.  
  398. .link {
  399. font-size: 18px;
  400. font-family: Lobster Two;
  401. font-style: italic;
  402. }
  403.  
  404. ul.chat {
  405. margin: 0;
  406. padding: 0;
  407. }
  408.  
  409. .chat li {
  410. list-style-type: none;
  411. margin-left: 0px;
  412. padding: -1px;
  413. }
  414.  
  415. .chat li.odd {
  416. margin-bottom: 1px;
  417. color: {color:Link};
  418. }
  419.  
  420. .chat li.even {
  421. margin-bottom: 1px;
  422. color: {color:Link hover};
  423. }
  424.  
  425. .label {
  426. font-weight: bold;
  427. }
  428.  
  429. .title {
  430. font-size: 18px;
  431. font-family: Lobster Two;
  432. font-style: italic;
  433. }
  434.  
  435. .navigation a {
  436. text-align: center;
  437. letter-spacing: 1px;
  438. padding: 5px;
  439. color: {color:Navigation Text};
  440. {block:IfWhiteSidebarDescription}background-color: rgba(255,255,255, 0.5);{/block:IfWhiteSidebarDescription}
  441. {block:IfNotWhiteSidebarDescription}background-color:rgba(0,0,0, 0.5);{/block:IfNotWhiteSidebarDescription}
  442. margin-bottom: 2px;
  443. position: relative;
  444. width: 200px;
  445. display: inline-block;
  446. }
  447.  
  448. .sidebartwo:hover .navigation a {
  449. color: {color:Navigation Text Hover} ;
  450. background-color: {color:Navigation Hover};
  451. -webkit-transition: all 0.4s ease-in-out;
  452. -moz-transition: all 0.4s ease-in-out;
  453. -o-transition: all 0.4s ease-in-out;
  454. -ms-transition: all 0.4s ease-in-out;
  455. transition: all 0.4s ease-in-out;
  456. }
  457.  
  458. .sidebartwo:hover .navigation a:hover {
  459. color: black;
  460. background-color: transparent;
  461. -webkit-transition: all 0.2s ease-in-out;
  462. -moz-transition: all 0.7s ease-in-out;
  463. -o-transition: all 0.7s ease-in-out;
  464. -ms-transition: all 0.7s ease-in-out;
  465. transition: all 0.7s ease-in-out;
  466. }
  467.  
  468. .my-like {
  469. color: {color:Text};
  470. cursor:pointer;
  471. display:inline-block;
  472. vertical-align:top;
  473. }
  474. .my-liked, .my-like:hover {
  475. color: red;
  476. cursor:pointer;
  477. display:inline-block;
  478. vertical-align:top;
  479. }
  480.  
  481. #credits {
  482. position: fixed;
  483. bottom: 30px;
  484. right: 30px;
  485. text-transform: uppercase;
  486. font: 12px calibri;
  487. background-color: {color:Posts};
  488. padding: 2px;
  489. letter-spacing: 0px;
  490. border: 1px solid white;
  491. z-index: 2;
  492. }
  493.  
  494. ol.notes {
  495. padding: 0px;
  496. margin 0px 0px;
  497. list-style-type: upper-roman;
  498. float: left;
  499. margin-left: 50px;
  500. margin-top: 20px;
  501. width: 460px;
  502. }
  503.  
  504. ol.notes li.note {
  505. color: {color:Date};
  506. background-color: {color:Date bg};
  507. padding: 2px;
  508. margin-bottom: 5px;
  509. }
  510.  
  511. ol.notes li.note img.avatar {
  512. width: 0px;
  513. height: 0px;
  514. }
  515.  
  516. {CustomCSS}
  517. </style>
  518.  
  519. <title>{Title}</title>
  520.  
  521. </head>
  522.  
  523. <body>
  524.  
  525. <div id="credits"><a href="http://tearofthemoon.tumblr.com/" title="Theme by &copy; tearofthemoon - Powered by &copy; tumblr">&ensp;&copy;&ensp;</a></div>
  526.  
  527. <span style="background-image: url('{image:Sidebar 1 bg}'); background-color: {color:Sidebar 1 background}; top: 0px; left: 0px; height:100%; width: 250px; position: fixed;"></span>
  528.  
  529. <span style="background-image: url('http://static.tumblr.com/lxi0ckl/sxqmbga1p/theme15_2.png'); top: 0px; left: 250px; height:100%; width: 30px; position: fixed;"></span>
  530.  
  531.  
  532.  
  533. <span style="background-image: url('{image:Sidebar 2 bg}'); background-color: {color:Sidebar 2 background}; top: 0px; left: 280px; height:100%; width: 250px; position: fixed;"></span>
  534.  
  535. <div id="content">
  536.  
  537. {block:TagPage}
  538. <div class="tagpage">{Tag}</div>
  539. {/block:TagPage}
  540.  
  541. {block:Posts}
  542.  
  543. {block:ContentSource}
  544. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  545. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  546. {/block:SourceLogo}
  547. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  548. {/block:ContentSource}
  549.  
  550. <div id="post">
  551.  
  552. {block:Date}<div class="parentroot">
  553. {block:RebloggedFrom}
  554. <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-16}"></a>&nbsp;&nbsp;<a href="{ReblogRootURL}" title="from: {ReblogRootName}"><img src="{ReblogRootPortraitURL-16}"></a>{/block:RebloggedFrom}<p><span style="background: {color:Reblogged bg}; padding: 3px;"><a href="{ReblogURL}" title="reblog this post">J</a></span>&ensp;&ensp;&nbsp;<span style="background: {color:Reblogged bg}; padding: 3px;"><span class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="like this post">N</span></span>
  555. </div>{/block:Date}
  556.  
  557. {block:Date}<div class="date">
  558. <a href="{Permalink}" title="date and time of post">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} <span style="font-family: 'WebSymbolsRegular'; text-transform: uppercase; font-size: 9px;">P</span> {12Hour}:{Minutes}{AmPm}</a>
  559. </div>{/block:Date}
  560.  
  561. {block:Answer}
  562. <div class="ask"><img src="{AskerPortraitURL-24}"><span style="text-transform:uppercase;font-size:11px;">{Asker}</span><br>{Question}</div>
  563. {Answer}
  564. {/block:answer}
  565.  
  566. {block:Text}
  567. <div class="post">
  568. {block:Title}
  569. <div class="title"><a href="{Permalink}">{Title}</a></div>
  570. {/block:Title}
  571. {Body}
  572. </div>
  573. {/block:Text}
  574.  
  575. {block:Photo}
  576. <div class="post">
  577. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  578. {block:Caption}
  579. <div class="caption">{Caption}</div>
  580. {/block:Caption}
  581. </div>
  582. {/block:Photo}
  583.  
  584. {block:Photoset}
  585. <div class="post">
  586. <center>{Photoset-500}</center>
  587. {block:Caption}
  588. <div class="caption">{Caption}</div>
  589. {/block:Caption}
  590. </div>
  591. {/block:Photoset}
  592.  
  593. {block:Quote}
  594. <div class="post">
  595. <span class="quote">&ldquo;{Quote}&rdquo;</span>
  596. {block:Source}
  597. <div class="source">— {Source}</div>
  598. {/block:Source}
  599. </div>
  600. {/block:Quote}
  601.  
  602. {block:Link}
  603. <div class="post">
  604. <a href="{URL}" class="link" {Target}>{Name} &#8594;</a>
  605. {block:Description}
  606. <div class="description">{Description}</div>
  607. {/block:Description}
  608. </div>
  609. {/block:Link}
  610.  
  611. {block:Chat}
  612. <div class="post">
  613. {block:Title}
  614. <div class="title"><a href="{Permalink}">{Title}</a></div>
  615. <br>{/block:Title}
  616. <ul class="chat">
  617. {block:Lines}
  618. <li class="{Alt} user_{UserNumber}">
  619. {block:Label}
  620. <span class="label">{Label}</span>
  621. {/block:Label}
  622. {Line}
  623. </li>
  624. {/block:Lines}
  625. </ul>
  626. </div>
  627. {/block:Chat}
  628.  
  629. {block:Video}
  630. <div class="post">
  631. <center>{Video-500}</center>
  632. {block:Caption}
  633. <div class="caption">{Caption}</div>
  634. {/block:Caption}
  635. </div>
  636. {/block:Video}
  637.  
  638. {block:Audio}
  639. <div id="albumart"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" width="100"></div>{block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}" width="100"></div>{/block:AlbumArt}
  640. <div id="audioplayer">{AudioPlayerBlack} </div>
  641. <br><br><div class="audiodescription">
  642. <strong>Artist:</strong>{block:Artist} {Artist}
  643. {/block:Artist}<br>
  644. <strong>Album:</strong> {block:Album}{Album}
  645. {/block:Album}
  646. <br>
  647. <strong>Track:</strong>{block:TrackName} {TrackName}
  648. {/block:TrackName}
  649. <br>
  650. <strong>Plays:</strong> {FormattedPlayCount}</div><br><br><br>
  651. {block:Caption}{Caption}{/block:Caption}
  652. {/block:Audio}
  653.  
  654.  
  655. {block:Date}<div class="permalink">
  656. <div class="time">posted <a href="{Permalink}" title="permalink">{TimeAgo}</a> {block:NoteCount} {{NoteCountWithLabel}}{/block:NoteCount}
  657. <div class="tags">{block:Tags}<font color="{color:Link}">#</font><a href="{TagURL}">{Tag}</a> {/block:Tags} </div>
  658. </div>
  659. </div>
  660. {/block:Date}
  661.  
  662. </div>
  663.  
  664. {block:PostNotes}
  665. {PostNotes}
  666. {/block:PostNotes}
  667.  
  668. {/block:Posts}
  669. </div>
  670.  
  671.  
  672. <div class="sidebarimage">
  673.  
  674. <img src="{image:Sidebar 1}" style="position:fixed;bottom:0px;left:0px;z-index:1"/>
  675.  
  676. <img src="{image:Sidebar 2}" style="position:fixed;bottom:0px;left:280px;z-index:1"/>
  677.  
  678. </div>
  679.  
  680.  
  681. <div class="sidebarone">
  682. {block:Description}<br><br><br><span class="quotemark">&ldquo;</span>{Description}{/block:Description}
  683. </div>
  684.  
  685. <div class="sidebartwo">
  686. <div class="navigation">
  687. <a href="/">index</a><a href="/archive">archive</a><a href="/ask">message</a>{block:IfCustomLink1Title}<a href="{text:Custom Link 1}">{text:Custom Link 1 Title}</a>{/block:ifCustomLink1Title}{block:ifCustomLink2Title}<a href="{text:Custom Link 2}">{text:Custom Link 2 Title}</a>{/block:ifCustomLink2Title}{block:ifCustomLink3Title}<a href="{text:Custom Link 3}">{text:Custom Link 3 Title}</a>{/block:ifCustomLink3Title}{block:ifCustomLink4Title}<a href="{text:Custom Link 4}">{text:Custom Link 4 Title}</a>{/block:ifCustomLink4Title}{block:ifCustomLink5Title}<a href="{text:Custom Link 5}">{text:Custom Link 5 Title}</a>{/block:ifCustomLink5Title}{block:ifCustomLink6Title}<a href="{text:Custom Link 6}">{text:Custom Link 6 Title}</a>{/block:ifCustomLink6Title}
  688. </div>
  689. </div>
  690.  
  691. <div class="blogtitle">
  692. <link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
  693. {text:Title 1}
  694. </div>
  695.  
  696.  
  697. <div class="blogsubtitle">
  698. {text:Title 2}
  699. </div>
  700.  
  701. {block:Pagination}
  702. {block:NextPage}
  703. <div class="paginext">
  704. <a href="{NextPage}">»</a>
  705. </div>
  706. {/block:NextPage}
  707. {block:Pagination}
  708.  
  709. {block:Pagination}
  710. {block:PreviousPage}
  711. <div class="pagiprev">
  712. <a href="{PreviousPage}">«</a>
  713. </div>
  714. {/block:PreviousPage}
  715. {block:Pagination}
  716.  
  717.  
  718. <script>
  719. window.onload = function () {
  720. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  721. document.addEventListener( 'click', function ( event ) {
  722. var myLike = event.target;
  723. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  724. var frame = document.getElementById( 'my-like-frame' ),
  725. liked = ( myLike.className == 'my-liked' ),
  726. command = liked ? 'unlike' : 'like',
  727. reblog = myLike.getAttribute( 'data-reblog' ),
  728. id = myLike.getAttribute( 'data-id' ),
  729. oauth = reblog.slice( -8 );
  730. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  731. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  732. };
  733. }, false );
  734. };
  735. </script>
  736.  
  737.  
  738. <script>
  739. (function($){
  740. $(document).ready(function(){
  741. $("[title]").style_my_tooltips();
  742. });
  743. })(jQuery);
  744. </script>
  745.  
  746.  
  747. </body>
  748. </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!