API tools faq
paste
Advertisement
Guest User

theme 27: kissed by fire; by primrosetylers

a guest
Jul 9th, 2014
1,455
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.96 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--
  5.  
  6. theme 27: you know nothing;
  7. coded by irma at primrosetylers.tumblr.com
  8. do not steal, remove the credit, or use as a base
  9.  
  10. -->
  11.  
  12. <title>{Title}</title>
  13. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16.  
  17. <!-- meta stuffs go here -->
  18.  
  19. <meta name="color:background" content="#fff">
  20. <meta name="color:scrollbar" content="#eee">
  21. <meta name="color:title" content="#000">
  22. <meta name="color:title hover" content="#0000ff">
  23. <meta name="color:line" content="#0000ff">
  24. <meta name="color:description" content="#000">
  25. <meta name="color:tooltip text" content="#fff">
  26. <meta name="color:tooltip background" content="#000">
  27. <meta name="color:posts" content="#fff">
  28. <meta name="color:post text" content="#000">
  29. <meta name="color:post info" content="#000">
  30. <meta name="color:post info hover" content="#aaa">
  31. <meta name="color:posts link" content="#aaa">
  32. <meta name="color:posts link hover" content="#000">
  33. <meta name="color:pagination" content="#aaa">
  34. <meta name="color:pagination hover" content="#000">
  35. <meta name="color:blockquote" content="#aaa">
  36.  
  37. <meta name="image:sidebar pic" content="http://37.media.tumblr.com/bcce2fe335336c86a6b040c8c7ef38da/tumblr_n6yqfidhOI1tt2n2ao1_500.png">
  38.  
  39. <meta name="if:500px posts" content="1">
  40. <meta name="if:400px posts" content="0">
  41. <meta name="if:250px posts" content="0">
  42. <meta name="if:show tags" content="0">
  43. <meta name="if:show caption" content="1">
  44. <meta name="if:tiny cursor" content="1">
  45. <meta name="if:infinite scroll" content="0">
  46.  
  47. <meta name="text:subtitle 1" content="description">
  48. <meta name="text:subtitle 2" content="links">
  49. <meta name="text:link 1" content="index">
  50. <meta name="text:link 1 url" content="/">
  51. <meta name="text:link 2" content="mssg">
  52. <meta name="text:link 2 url" content="/ask">
  53. <meta name="text:link 3" content="past">
  54. <meta name="text:link 3 url" content="/archive">
  55. <meta name="text:link 4" content="">
  56. <meta name="text:link 4 url" content="">
  57. <meta name="text:link 5" content="">
  58. <meta name="text:link 5 url" content="">
  59. <meta name="text:link 6" content="">
  60. <meta name="text:link 6 url" content="">
  61.  
  62. <meta name="color:box 1" content="#000">
  63. <meta name="color:box 2" content="#aaa">
  64. <meta name="color:box 3" content="#000">
  65. <meta name="color:box 4" content="#aaa">
  66. <meta name="color:heading text" content="#fff">
  67.  
  68. <!-- metas end-->
  69.  
  70. <!-- slide effect script -->
  71.  
  72. <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  73. <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
  74.  
  75. <script>
  76. $(document).ready(function(){
  77. $("#sidebar").click(function(){
  78. $("#sidebar").addClass("cool");
  79. });
  80. });
  81. </script>
  82.  
  83. <script>
  84. $(document).ready(function(){
  85. $("#exit").click(function(){
  86. $("#slide").slideUp("500");
  87. $("#sidebar").removeClass("cool");
  88. });
  89. });
  90. </script>
  91.  
  92. <script>
  93. $(document).ready(function(){
  94. $("#sidebar").click(function(){
  95. $("#slide").slideDown("500");
  96. });
  97. });
  98. </script>
  99.  
  100. <!-- infinite scroll script -->
  101.  
  102. {block:IfInfiniteScroll}
  103. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  104. {/block:IfInfiniteScroll}
  105. {block:IfNotInfiniteScroll}{/block:IfNotInfiniteScroll}
  106.  
  107.  
  108. <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  109.  
  110. <!-- tooltip script -->
  111. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  112. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  113. <script>
  114. (function($){
  115. $(document).ready(function(){
  116. $("a[title]").style_my_tooltips({
  117. tip_follows_cursor:true,
  118. tip_delay_time:30,
  119. tip_fade_speed:300,
  120. attribute:"title"
  121. });
  122. });
  123. })(jQuery);
  124. </script>
  125.  
  126. <style type="text/css">
  127.  
  128. /*tooltip css*/
  129. #s-m-t-tooltip {
  130. max-width:300px;
  131. position:absolute;
  132. z-index:99999;
  133. margin-top:20px;
  134. text-transform:uppercase;
  135. padding:2px 4px 2px 4px;
  136. background-color:{color:tooltip background};
  137. font-family:arial;
  138. font-size:11px;
  139. color:{color:tooltip text};
  140. }
  141.  
  142. body {
  143. background-color:{color:background};
  144. font-family:'Lato', arial;
  145. color:{color:post text};
  146. font-size:11px;
  147. }
  148.  
  149. a {
  150. text-decoration:none;
  151. color:{color:posts link};
  152. -webkit-transition:0.5s;
  153. -moz-transition:0.5s;
  154. -ms-transition:0.5s;
  155. -o-transition:0.5s;
  156. }
  157.  
  158. blockquote {
  159. border-left:2px solid {color:blockquote};
  160. padding-left:10px;
  161. }
  162.  
  163. a:hover {
  164. color:{color:posts link hover};
  165. }
  166.  
  167. pre {
  168. white-space: pre-wrap;
  169. white-space: -moz-pre-wrap;
  170. white-space: -pre-wrap;
  171. white-space: -o-pre-wrap;
  172. word-wrap: break-word;
  173. }
  174.  
  175. ::-webkit-scrollbar {
  176. width: 7px;
  177. }
  178.  
  179. ::-webkit-scrollbar-track {
  180. background-color:{color:background};
  181. }
  182.  
  183. ::-webkit-scrollbar-thumb {
  184. background-color:{color:scrollbar};
  185. }
  186.  
  187. ::selection {
  188. background: {color:scrollbar};
  189. }
  190. ::-moz-selection {
  191. background: {color:scrollbar};
  192. }
  193.  
  194. h2 {
  195. text-align:center;
  196. }
  197.  
  198. /*sidebar*/
  199.  
  200. #sidebar {
  201. width:200px;
  202. position:fixed;
  203. top:150px;
  204. left:200px;
  205. text-align:center;
  206. }
  207.  
  208. #title {
  209. margin-top:5px;
  210. font-size:16px;
  211. text-transform:uppercase;
  212. letter-spacing:2px;
  213. color:{color:title};
  214. -webkit-transition:0.5s;
  215. -moz-transition:0.5s;
  216. -ms-transition:0.5s;
  217. -o-transition:0.5s;
  218. transition:0.5s;
  219. }
  220.  
  221. #line {
  222. height:1px;
  223. width:20px;
  224. background-color:{color:line};
  225. margin-bottom:5px;
  226. opacity:0;
  227. -webkit-transition:0.5s;
  228. -moz-transition:0.5s;
  229. -ms-transition:0.5s;
  230. -o-transition:0.5s;
  231. transition:0.5s;
  232. }
  233.  
  234. #sidebar:hover #line {
  235. opacity:1;
  236. width:200px;
  237. }
  238.  
  239. #sidebar:hover #title {
  240. text-shadow:0 0 2px {color:title hover};
  241. }
  242.  
  243. .cool #line {
  244. opacity:1;
  245. width:200px;
  246. }
  247.  
  248. .cool #title {
  249. text-shadow:0 0 2px {color:title hover};
  250. }
  251.  
  252.  
  253. #sidebar:hover {
  254. cursor:help;
  255. }
  256.  
  257. /*slide*/
  258.  
  259. #slide {
  260. position:fixed;
  261. {block:If500pxPosts}width:500px;{/block:If500pxPosts}
  262. {block:If400pxPosts}width:400px;{/block:if400pxPosts}
  263. {block:If250pxPosts}width:250px;{/block:if250pxPosts}
  264. padding:10px;
  265. left:500px;
  266. top:0;
  267. bottom:0;
  268. padding-top:100px;
  269. display:none;
  270. background-color:{color:background};
  271. font-size:12px;
  272. color:{color:description};
  273. }
  274.  
  275. #exit {
  276. font-size:14px;
  277. padding-top:5px;
  278. padding-bottom:5px;
  279. width:25px;
  280. float:right;
  281. text-align:center;
  282. border:1px solid {color:description};
  283. opacity:0.7;
  284. color:{color:description};
  285. font-size:12px;
  286. -webkit-transition:0.5s;
  287. -moz-transition:0.5s;
  288. -ms-transition:0.5s;
  289. -o-transition:0.5s;
  290. }
  291.  
  292. #exit:hover {
  293. opacity:1;
  294. color:{color:description};
  295. cursor:help;
  296. }
  297.  
  298. #slide h3 {
  299. clear:right;
  300. text-align:center;
  301. font-weight:normal;
  302. text-transform:uppercase;
  303. letter-spacing:2px;
  304. }
  305.  
  306. #slide a {
  307. text-transform:uppercase;
  308. }
  309.  
  310. /*footer*/
  311.  
  312. #footer {
  313. {block:If500pxPosts}width:500px;{/block:If500pxPosts}
  314. {block:If400pxPosts}width:400px;{/block:if400pxPosts}
  315. {block:If250pxPosts}width:250px;{/block:if250pxPosts}
  316. margin-left:500px;
  317. text-align:center;
  318. font-size:11px;
  319. margin-top:50px;
  320. padding-bottom:25px;
  321. text-transform:uppercase;
  322. letter-spacing:2px;
  323. background-color:{color:background}; /*temp*/
  324. color:{color:pagination};
  325. }
  326.  
  327. #footer a {
  328. color:{color:pagination}; /*variable*/
  329. }
  330.  
  331. #footer a:hover {
  332. color:{color:pagination hover};
  333. }
  334.  
  335. /*posts*/
  336.  
  337. #postage {
  338. {block:If500pxPosts}width:500px;{/block:If500pxPosts}
  339. {block:If400pxPosts}width:400px;{/block:if400pxPosts}
  340. {block:If250pxPosts}width:250px;{/block:if250pxPosts}
  341. margin-top:30px;
  342. margin-bottom:30px;
  343. margin-left:500px;
  344. background-color:{color:posts}; /*temp*/
  345. padding:10px;
  346. -webkit-transition:0.5s;
  347. -moz-transition:0.5s;
  348. -ms-transition:0.5s;
  349. -o-transition:0.5s;
  350. }
  351.  
  352. #words {
  353. font-style:italic;
  354. font-size:15px;
  355. }
  356.  
  357. .source {
  358. text-align:right;
  359. padding-right:5px;
  360. }
  361.  
  362. #linkpost {
  363. text-align:center;
  364. font-size:11px;
  365. }
  366.  
  367. .linkety {
  368. font-size:15px;
  369. }
  370.  
  371. #chat ul {
  372. list-style:none;
  373. font-family:courier;
  374. margin-left:-30px;
  375. }
  376.  
  377. .label {
  378. text-transform:uppercase;
  379. font-weight:bold;
  380. }
  381.  
  382. #audioplayer {
  383. width:30px;
  384. height:30px;
  385. overflow:hidden;
  386. position:absolute;
  387. margin-top:35px;
  388. margin-left:35px;
  389. opacity:0.7;
  390. }
  391.  
  392. #albumart {
  393. width:100px;
  394. height:100px;
  395. background-color:#e3e3e3;
  396. }
  397.  
  398. #ask span a {
  399. color:{color:post text};
  400. font-style:italic;
  401. }
  402.  
  403. .info {
  404. text-align:center;
  405. text-transform:uppercase;
  406. {block:If500pxPosts}width:500px;{/block:If500pxPosts}
  407. {block:If400pxPosts}width:400px;{/block:if400pxPosts}
  408. {block:If250pxPosts}width:250px;{/block:if250pxPosts}
  409. margin-top:5px;
  410. opacity:1;
  411. color:{color:post info};
  412. -webkit-transition:0.6s;
  413. -moz-transition:0.6s;
  414. -ms-transition:0.6s;
  415. -o-transition:0.6s;
  416. }
  417.  
  418. .info a {
  419. color:{color:post info};
  420. }
  421.  
  422. .info a:hover {
  423. color:{color:post info hover};
  424. }
  425.  
  426. .tags {
  427. font-size:10px;
  428. text-transform:none;
  429. -webkit-transition:0.6s;
  430. -moz-transition:0.6s;
  431. -ms-transition:0.6s;
  432. -o-transition:0.6s;
  433. }
  434.  
  435. #postnotes {
  436. line-height:200%;
  437. }
  438.  
  439. #postnotes li {
  440. list-style:none;
  441. }
  442.  
  443. #postnotes img {
  444. margin-right:5px;
  445. }
  446.  
  447. #credit {
  448. right:10px;
  449. bottom:15px;
  450. font-size:11px;
  451. padding:2px 5px 2px 5px;
  452. text-transform:uppercase;
  453. text-align:center;
  454. background-color:#000;
  455. position:fixed;
  456. font-family:arial;
  457. opacity:0.8;
  458. }
  459.  
  460. #credit a {
  461. color:#fff;
  462. }
  463.  
  464. #credit a:hover {
  465. text-shadow:0 0 2px #fff;
  466. color:#000;
  467. opacity:1;
  468. }
  469.  
  470. {block:IfTinyCursor}
  471. /* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;} /* End http://www.cursors-4u.com */
  472. {/block:IfTinyCursor}
  473.  
  474. /* updates tab css */
  475.  
  476. #updates {
  477. position:fixed;
  478. left:20px;
  479. top:20px;
  480. width:130px;
  481. font-size:11px;
  482. padding:10px;
  483. }
  484.  
  485. #updatesheading {
  486. text-align:center;
  487. text-transform:uppercase;
  488. letter-spacing:2px;
  489. font-size:12px;
  490. width:18px;
  491. height:18px;
  492. overflow:hidden;
  493. color:transparent;
  494. -webkit-transition:0.5s;
  495. -moz-transition:0.5s;
  496. -ms-transition:0.5s;
  497. -o-transition:0.5s;
  498. transition:0.5s;
  499. }
  500.  
  501. #updates:hover #updatesheading {
  502. width:130px;
  503. color:{color:heading text};
  504. }
  505.  
  506. .updatestext {
  507. width:130px;
  508. height:0;
  509. overflow:hidden;
  510. -webkit-transition:0.5s;
  511. -moz-transition:0.5s;
  512. -ms-transition:0.5s;
  513. -o-transition:0.5s;
  514. transition:0.5s;
  515. }
  516.  
  517. .updatesclick .updatestext {
  518. height:185px;
  519. overflow:auto;
  520. }
  521.  
  522. #updatesheading:hover {
  523. text-shadow:0 0 5px {color:heading text};
  524. text-shadow:2px 0 2px {color:heading text};
  525. text-shadow:-2px 0 2px {color:heading text};
  526. cursor:help;
  527. }
  528. .updatesclick #updatesheading {
  529. text-shadow:0 0 5px {color:heading text};
  530. text-shadow:2px 0 2px {color:heading text};
  531. text-shadow:-2px 0 2px {color:heading text};
  532. }
  533.  
  534. {CustomCSS}
  535. </style>
  536. </head>
  537. <body>
  538.  
  539. <a title="click">
  540.  
  541. <div id="sidebar">
  542. <img src="{image:sidebar pic}" style="width:200px;"/>
  543.  
  544. <div id="title">
  545. <div id="line"></div>
  546. {Title}
  547. </div>
  548.  
  549. </div>
  550. </a>
  551.  
  552. <div id="slide">
  553.  
  554. <a title="close">
  555. <div id="exit">X</div>
  556. </a>
  557.  
  558. <h3>{text:subtitle 1}</h3>
  559. <p>{Description}</p>
  560.  
  561. <h3>{text:subtitle 2}</h3>
  562. <p>
  563. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  564. {block:iflink2} - <a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  565. {block:iflink3} - <a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  566. {block:iflink4} - <a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  567. {block:iflink5} - <a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  568. {block:iflink6} - <a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}
  569. </p>
  570. </div>
  571.  
  572. <div class = "autopagerize_page_element" >
  573. {block:Posts}
  574. <div id="postage">
  575.  
  576. {block:Text}
  577. <div id="text">
  578. <h2><a href="{Permalink}">{Title}</a></h2>
  579. {Body}
  580. </div> <!--text post-->
  581. {/block:Text}
  582.  
  583. {block:Photo}
  584. <div id="photo">
  585. {block:If500pxPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:If500pxPosts}
  586. {block:If400pxPosts}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:if400pxPosts}
  587. {block:If250pxPosts}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{/block:if250pxPosts}
  588. {block:IfShowCaption}
  589. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  590. {/block:IfShowCaption}
  591. {block:IfNotShowCaption}
  592. {block:PermalinkPage}
  593. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  594. {/block:PermalinkPage}
  595. {/block:IfNotShowCaption}
  596. </div> <!--photo post-->
  597. {/block:Photo}
  598.  
  599. {block:Panorama}
  600. <div id="panorama">
  601. {LinkOpenTag}
  602. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  603. {LinkCloseTag}
  604. {block:IfShowCaption}
  605. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  606. {/block:IfShowCaption}
  607. {block:IfNotShowCaption}
  608. {block:PermalinkPage}
  609. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  610. {/block:PermalinkPage}
  611. {/block:IfNotShowCaption}
  612. </div> <!--panorama post-->
  613. {/block:Panorama}
  614.  
  615. {block:Photoset}
  616. <div id="photoset">
  617. {block:If500pxPosts}{Photoset-500}{/block:If500pxPosts}
  618. {block:If400pxPosts}{Photoset-400}{/block:if400pxPosts}
  619. {block:If250pxPosts}{Photoset-250}{/block:if250pxPosts}
  620. {block:IfShowCaption}
  621. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  622. {/block:IfShowCaption}
  623. {block:IfNotShowCaption}
  624. {block:PermalinkPage}
  625. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  626. {/block:PermalinkPage}
  627. {/block:IfNotShowCaption}
  628. </div> <!--photoset-->
  629. {/block:Photoset}
  630.  
  631. {block:Quote}
  632. <div id="quote">
  633. <div id="words">{Quote}</div>
  634. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  635. </div> <!--quote-->
  636. {/block:Quote}
  637.  
  638. {block:Link}
  639. <div id="linkpost">
  640. {block:PostTitle}<h2><a href="{Permalink}">{PostTitle}</a></h2>{/block:PostTitle}
  641. <a href="{URL}" class="linkety" {Target}>{Name}</a>
  642. {block:Description}
  643. <div class="linkdesc">{Description}</div>
  644. {/block:Description}
  645. </div> <!--link-->
  646. {/block:Link}
  647.  
  648. {block:Chat}
  649. <div id="chat">
  650. <h2><a href="{Permalink}">{Title}</a></h2>
  651. <ul>
  652. {block:Lines}
  653. <li class="{Alt} user_{UserNumber}">
  654. {block:Label}
  655. <span class="label">{Label}</span>
  656. {/block:Label}{Line}
  657. </li>
  658. {/block:Lines}
  659. </ul>
  660. </div> <!--chat-->
  661. {/block:Chat}
  662.  
  663. {block:Video}
  664. <div id="video">
  665. {block:PostTitle}<h2><a href="{Permalink}">{PostTitle}</a></h2>{/block:PostTitle}
  666. {block:If500pxPosts}{Video-500}{/block:If500pxPosts}
  667. {block:If400pxPosts}{Video-400}{/block:if400pxPosts}
  668. {block:If250pxPosts}{Video-250}{/block:if250pxPosts}
  669. {block:IfShowCaption}
  670. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  671. {/block:IfShowCaption}
  672. {block:IfNotShowCaption}
  673. {block:PermalinkPage}
  674. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  675. {/block:PermalinkPage}
  676. {/block:IfNotShowCaption}
  677. </div> <!--video-->
  678. {/block:Video}
  679.  
  680. {block:Audio}
  681. <div id="audio">
  682. <table style="padding:5px; background-color:#fff;margin-bottom:5px;">
  683. <tr>
  684. <td style="vertical-align:top;padding-right:10px;"><div id="audioplayer">{AudioPlayerWhite}</div>
  685. <div id="albumart">
  686. {block:AlbumArt}
  687. <img src="{AlbumArtURL}" style="width:100px;">
  688. {/block:AlbumArt}</div></td>
  689. <td style="vertical-align:top; font-size:14px;"> {block:TrackName}<i>title:</i> {TrackName} <br />{/block:TrackName}
  690. {block:Artist}<i>artist:</i> {Artist} <br />{/block:Artist}
  691. {block:Album}<i>album:</i> {Album} <br />{/block:Album}
  692. {block:PlayCount}<i>played:</i> {FormattedPlayCount} times{/block:PlayCount}
  693. </td>
  694. </tr>
  695. </table>
  696. {block:IfShowCaption}
  697. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  698. {/block:IfShowCaption}
  699. {block:IfNotShowCaption}
  700. {block:PermalinkPage}
  701. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  702. {/block:PermalinkPage}
  703. {/block:IfNotShowCaption}
  704. </div> <!--audio-->
  705. {/block:Audio}
  706.  
  707. {block:Answer}
  708. <div id="ask">
  709. <p style="padding:10px; background-color:#eee;">— <span>{Asker}</span>: {Question}</p>
  710. <p>{block:Answerer}— <span>{Answerer}</span> replied: {/block:Answerer}{Answer}</p>
  711. {block:Answerer}<blockquote>{Replies}</blockquote>{/block:Answerer}
  712. </div> <!--ask-->
  713. {/block:Answer}
  714.  
  715. <div class="info">
  716. {block:IndexPage}
  717. {block:Date}<a style="font-size:14px;" title="{NoteCountWithLabel}" href="{Permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a>{/block:Date} - <a href="{ReblogURL}" target="_blank">reblog</a>
  718. {/block:IndexPage}
  719.  
  720. {block:PermalinkPage}
  721. {block:Date}Posted on {Month} {DayOfMonth}, {Year} with {NoteCountWithLabel}{/block:Date} <br>
  722. {block:RebloggedFrom} VIA <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}, created by <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  723. {block:IfNotShowTags}
  724. {block:HasTags}
  725. <div class="tags">
  726. {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}
  727. </div>
  728. {/block:HasTags}
  729. {/block:IfNotShowTags}
  730. {/block:PermalinkPage}
  731.  
  732. {block:IfShowTags}
  733. {block:HasTags}
  734. <div class="tags">
  735. {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}
  736. </div>
  737. {/block:HasTags}
  738. {/block:IfShowTags}
  739. </div> <!--info-->
  740.  
  741. {block:PermalinkPage}
  742. <div id="postnotes">
  743. {PostNotes}
  744. </div>
  745. {/block:PermalinkPage}
  746.  
  747. </div> <!--postage-->
  748. {/block:Posts}
  749.  
  750. </div>
  751.  
  752. {block:IfNotInfiniteScroll}
  753. {block:Pagination}
  754. <div id="footer">
  755. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} — {block:NextPage}<a href="{NextPage}">forth</a>{/block:NextPage}
  756. </div>
  757. {/block:Pagination}
  758. {block:IfNotInfiniteScroll}
  759. {block:IfInfiniteScroll}{/block:IfInfiniteScroll}
  760.  
  761. <!-- updates tab html & script -->
  762.  
  763. <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  764. <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
  765.  
  766. <script>
  767. $(document).ready(function(){
  768. $(".updatesbox").click(function(){
  769. $(this).toggleClass("updatesclick");
  770. });
  771. });
  772. </script>
  773.  
  774. <script>
  775. $(document).ready(function(){
  776. $("#updates").mouseleave(function(){
  777. $(".updatesbox").removeClass("updatesclick");
  778. });
  779. });
  780. </script>
  781.  
  782.  
  783. <div id="updates">
  784.  
  785. <div class="updatesbox">
  786. <a title="click">
  787. <div id="updatesheading" style="background-color:{color:box 1};">heading 1</div>
  788. </a>
  789. <div class="updatestext">
  790. <!-- write your updates here!! -->
  791. <b>Bold.</b> <i>Italics.</i> <u>Underline.</u> <s>Strikethrough.</s> <a href="/">Link.</a> Write your updates here. Write anything here. Have fun. Knock yourself out. Yeah. Um. I don't really have anything to say but I will ramble here to fill up space. In a town full of cats there was a bear named Chlorine and this bear sat on a chair on the ground in this town full of cats.
  792. </div>
  793. </div>
  794.  
  795. <div class="updatesbox">
  796. <a title="click">
  797. <div id="updatesheading" style="background-color:{color:box 2}">heading 2</div>
  798. </a>
  799. <div class="updatestext">
  800. <!-- write your updates here!! -->
  801. <b>Bold.</b> <i>Italics.</i> <u>Underline.</u> <s>Strikethrough.</s> <a href="/">Link.</a> Write your updates here. Write anything here. Have fun. Knock yourself out. Yeah. Um. I don't really have anything to say but I will ramble here to fill up space. In a town full of cats there was a bear named Chlorine and this bear sat on a chair on the ground in this town full of cats. I recommend that you write a lot. The more the better, so that there won't be a bunch of empty space or something. If you write too much a scrollbar will appear. Wow.
  802. </div>
  803. </div>
  804.  
  805. <div class="updatesbox">
  806. <a title="click">
  807. <div id="updatesheading" style="background-color:{color:box 3};">heading 3</div>
  808. </a>
  809. <div class="updatestext">
  810. <!-- write your updates here!! -->
  811. <b>Bold.</b> <i>Italics.</i> <u>Underline.</u> <s>Strikethrough.</s> <a href="/">Link.</a> Write your updates here. Write anything here. Have fun. Knock yourself out. Yeah. Um. I don't really have anything to say but I will ramble here to fill up space. In a town full of cats there was a bear named Chlorine and this bear sat on a chair on the ground in this town full of cats.
  812. </div>
  813. </div>
  814.  
  815. <div class="updatesbox">
  816. <a title="click">
  817. <div id="updatesheading" style="background-color:{color:box 4};">heading 4</div>
  818. </a>
  819. <div class="updatestext">
  820. <!-- write your updates here!! -->
  821. Updates tab code by <a href="http://primrosetylers.tumblr.com">primrosetylers</a>. Feel free to ask if you have any questions on this updates tab or notice any bugs.
  822. </div>
  823. </div>
  824.  
  825. </div>
  826.  
  827. <div id="credit"><a href="http://primrosetylers.tumblr.com">✿THEME</a></div>
  828.  
  829. </body>
  830. </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!