API tools faq
paste
Sebastianstnn

Theme 06: Sunburn

Sebastianstnn
Sep 21st, 2014
371
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.93 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!-- THEME 06 BY BILLIEPLPER: SUNBURN
  3. -please follow da rules
  4. -don't steal
  5. -don't remove he credit
  6. -don't play around with the scripts, please
  7. -ask me if you have problems
  8. -put your fucking url in
  9. -thanks for using my theme
  10. -ily :) -->
  11.  
  12. <!DOCTYPE html>
  13. <head>
  14.  
  15. <!-- please don't touch that script-->
  16.  
  17. <script type="text/javascript"
  18. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  19. <script>
  20. $(document).ready(function() {
  21. //
  22. $('a.poplight[href^=#]').click(function() {
  23. var popID = $(this).attr('rel');
  24. var popURL = $(this).attr('href');
  25. var query= popURL.split('?');
  26. var dim= query[1].split('&');
  27. var popWidth = dim[0].split('=')[1];
  28. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  29. var popMargTop = ($('#' + popID).height() + 80) / 2;
  30. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  31.  
  32. $('#' + popID).css({
  33. 'margin-top' : -popMargTop,
  34. 'margin-left' : -popMargLeft
  35. });
  36. $('body').append('<div id="fade"></div>');
  37. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  38. return false;
  39. });
  40. $('a.close, #fade').live('click', function() {
  41. $('#fade , .popup_block').fadeOut(function() {
  42. $('#fade, a.close').remove();
  43. });
  44. return false;
  45. });
  46. });
  47. </script>
  48.  
  49. {block:IfLazyLoad}
  50.  
  51. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  52. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  53. <script type="text/javascript" charset="utf-8">
  54. var $j = jQuery.noConflict();
  55. $j(function() {
  56. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  57. $j("img").lazyload({
  58. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  59. effect: "fadeIn",
  60. });
  61. });
  62. </script>
  63. {/block:IfLazyLoad}
  64.  
  65. <!-- script over, go ahead -->
  66.  
  67.  
  68. <title>{Title}</title>
  69.  
  70. <link rel="shortcut icon" href="{Favicon}">
  71. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  72. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  73.  
  74.  
  75.  
  76. <meta name="color:Background" content="#ffffff"/>
  77. <meta name="color:Text" content="#aaaaaa"/>
  78. <meta name="color:Link" content="#000000"/>
  79. <meta name="color:hover" content="#ffffff"/>
  80. <meta name="color:iconhover" content="#ff5074"/>
  81. <meta name="color:titlehover" content="#ff5074"/>
  82. <meta name="color:accent" content="#9FDFDB"/>
  83. <meta name="color:scrollbar" content="#ff9aaf"/>
  84. <meta name="color:scrollbarthingy" content="#ff5074"/>
  85. <meta name="color:captiontext" content="#000000"/>
  86.  
  87. <meta name="image:Sidebar Image" content=""/>
  88.  
  89. <meta name="text:secondtitle" content=""/>
  90. <meta name="text:yoururl" content="put your url here!"/>
  91. <meta name="text:icon1" content="home"/>
  92. <meta name="text:icon2" content="mail"/>
  93. <meta name="text:icon3" content="links"/>
  94. <meta name="text:Link 1 URL" content="/" />
  95. <meta name="text:Link 1" content="" />
  96. <meta name="text:Link 2 URL" content="/" />
  97. <meta name="text:Link 2" content="" />
  98. <meta name="text:Link 3 URL" content="/" />
  99. <meta name="text:Link 3" content="" />
  100. <meta name="text:Link 4 URL" content="/" />
  101. <meta name="text:Link 4" content="" />
  102.  
  103. <meta name="if:LazyLoad" content="0"/>
  104. <meta name="if:Header" content="1"/>
  105.  
  106.  
  107.  
  108. <link href='http://fonts.googleapis.com/css?family=Lato:900' rel='stylesheet' type='text/css'>
  109.  
  110.  
  111. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  112.  
  113.  
  114. <!--tooltip-script, please stay away-->
  115.  
  116. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  117.  
  118. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  119.  
  120. <script>
  121.  
  122. (function($){
  123.  
  124. $(document).ready(function(){
  125.  
  126. $("a[title]").style_my_tooltips({
  127.  
  128. tip_follows_cursor:true,
  129.  
  130. tip_delay_time:30,
  131.  
  132. tip_fade_speed:300,
  133.  
  134. attribute:"title"
  135.  
  136. });
  137.  
  138. });
  139.  
  140. })(jQuery);
  141.  
  142. </script>
  143.  
  144.  
  145.  
  146.  
  147.  
  148.  
  149. <!--CSS customization here. -->
  150.  
  151. <style type="text/css">
  152.  
  153. /*FOLLOWING IS A WHOLE LOT OF CODE THAT YOU SHOULD NOT TOUCH AT ALL THIS HAS BEEN A PSA PLEASE AND THANK YOU just leave this code alone it's fucking complicated*/
  154.  
  155. .popup_block{
  156. display:none;
  157. background:#fff;
  158. padding:20px;
  159. border:1px solid #eee;
  160. float:left;
  161. position:fixed;
  162. top:50%;left:50%;
  163. z-index: 99999;
  164. overflow-y:scroll;
  165. }
  166.  
  167. *html #fade {position: absolute;}
  168. *html .popup_block {position: absolute;}
  169. #fade {
  170. display:none;
  171. position:fixed;
  172. left:0px;
  173. top:0px;
  174. width:100%;
  175. height:100%;
  176. z-index:9999;
  177. background:#000;
  178. opacity:0.5;
  179. }
  180.  
  181. #box2 {
  182. overflow-y:scroll;
  183. overflow-x:hidden;
  184. width:300px;
  185. height:400px;
  186. background-color:{color:accent};
  187. color:#000;
  188. }
  189.  
  190.  
  191. ::selection {background-color:{color:accent};}
  192.  
  193.  
  194. ::-webkit-scrollbar { width: 7px; height: 4px; }
  195. ::-webkit-scrollbar-button:start:decrement,
  196. ::-webkit-scrollbar-button:end:increment { height: 0px; display: block; background: #fff; }
  197. ::-webkit-scrollbar-track-piece { background: {color:scrollbar}; }
  198. ::-webkit-scrollbar-thumb {height: 50px; background-color:{color:scrollbarthingy} }
  199.  
  200. /*alright ladies go ahead and customize you can touch this code now again*/
  201.  
  202.  
  203. #s-m-t-tooltip{
  204. max-width:300px;
  205. z-index:10;
  206. margin:24px 14px 7px 12px;
  207. padding:6px;
  208. background:{color:accent};
  209. font-size:11px;
  210. color:#fff;
  211. }
  212.  
  213.  
  214.  
  215.  
  216. blockquote {padding:5px 0 5px 30px;
  217. margin-left:30px;
  218. background-color:{color:accent};
  219. }
  220.  
  221. body {
  222. background:{color:background};
  223. color:{color:text};
  224. font-family:arial;
  225. font-size:11px;
  226. text-align:justify;
  227. margin:0;
  228. line-height:16px;
  229.  
  230. }
  231.  
  232.  
  233. a {
  234. color:{color:link};
  235. text-decoration:none;
  236. -webkit-transition-duration: .6s;
  237. -moz-transition-duration: .6s;
  238. -o-transition-duration: .6s;
  239. }
  240.  
  241. a:hover {
  242. text-decoration:none;
  243. color:{color:hover};
  244. -webkit-transition-duration: .6s;
  245. -moz-transition-duration: .6s;
  246. -o-transition-duration: .6s;
  247. }
  248.  
  249. img{opacity:1;
  250. border:none;
  251. text-decoration:none
  252. padding:30px;
  253. background-color:{color:imagebackground};
  254. }
  255.  
  256.  
  257. small {
  258. font-size:9px;}
  259.  
  260. big {
  261. font-size:12px;}
  262.  
  263.  
  264. #title {font-size:12px;
  265. line-height:18px;
  266. font-weight:bold;
  267. margin-bottom:10px;
  268. text-transform:uppercase;
  269. text-align:left;}
  270.  
  271.  
  272.  
  273. /*If you choose the option to have a header, this is the stuff you might wanna customize. This css only affects the theme if you have the optional Header activated*/
  274.  
  275.  
  276. {block:IfHeader}
  277. #sidebar {text-align:center;
  278. margin-left:auto;
  279. margin-top:50px;
  280. width:500px;
  281. }
  282.  
  283. #sidebarim {margin-bottom:20px
  284. margin-top:100px;
  285. }
  286.  
  287. #sidebarim img {width:125px}
  288.  
  289. #secondtitle {
  290. font-family: 'Lato', sans-serif;
  291. font-size:18px;
  292. letter-spacing:4px;
  293. word-spacing:6px;
  294. text-transform:uppercase;
  295. margin-bottom:20px;
  296. }
  297.  
  298. #secondtitle a {
  299. text-decoration:none;
  300. }
  301.  
  302. #secondtitle a:hover {
  303. text-decoration:none;
  304. letter-spacing:7px;
  305. word-spacing:9px;
  306. color:{color:titlehover};
  307. }
  308.  
  309. #icons {
  310. line-height:16px;
  311. text-transform:lowercase;
  312. margin: 0px auto;
  313. letter-spacing:7px;
  314. margin-top:20px;
  315. margin-left:10px;
  316. }
  317.  
  318.  
  319. #icons a {
  320. margin-right:5px;
  321. display:inline-block;
  322. margin-bottom:5px;
  323. text-decoration:none;
  324. color:{color:links};
  325. }
  326.  
  327. #icons a:hover {
  328. color:{color:iconhover};
  329. }
  330.  
  331. #links {
  332. color:{color:links};
  333. text-transform:uppercase;
  334. line-height:16px;
  335. font-family: 'Lato', sans-serif;
  336. letter-spacing:2px;
  337. margin-left:auto;
  338. margin-right:auto;
  339. }
  340.  
  341. #links a {
  342. color:{color:links};
  343. text-transform:uppercase;
  344. margin-left:auto;
  345. margin-right:auto;
  346. }
  347.  
  348. #links a:hover {
  349. color:{color:accent};
  350. text-transform:uppercase;
  351. letter-spacing:5px;
  352. }
  353.  
  354. #description {
  355. margin:20px 0;
  356. width:500px;
  357. margin-top:30px;
  358. }
  359.  
  360. #bx {
  361. height: 15px;
  362. overflow: hidden;
  363. transition: all 0.4s ease-out;
  364. -o-transition: all 0.4s ease-out;
  365. -webkit-transition: all 0.4s ease-out;
  366. -moz-transition: all 0.4s ease-out;}
  367.  
  368. #bx:hover {
  369. height: 70px; /*If you make your description really long you'll have to make that number higher*/
  370. transition: all 0.4s ease-out;
  371. -o-transition: all 0.4s ease-out;
  372. -webkit-transition: all 0.4s ease-out;
  373. -moz-transition: all 0.4s ease-out;}
  374. {/block:IfHeader}
  375.  
  376.  
  377. /*This css only affects the code if you have the header deactivated! If you are using the sidebar, you'll have to customize things only after this!*/
  378.  
  379.  
  380. {block:IfNotHeader}
  381.  
  382. #sidebar {text-align:center;
  383. position:fixed;
  384. margin-left:-260px;
  385. margin-top:150px;
  386. width:170px;
  387. }
  388.  
  389. #sidebarim {margin-bottom:20px
  390. margin-top:100px;
  391. }
  392.  
  393. #sidebarim img {width:125px}
  394.  
  395. #secondtitle {
  396. font-family: 'Lato', sans-serif;
  397. font-size:18px;
  398. letter-spacing:4px;
  399. word-spacing:6px;
  400. text-transform:uppercase;
  401. margin-bottom:20px;
  402. }
  403.  
  404. #secondtitle a {
  405. text-decoration:none;
  406. }
  407.  
  408. #secondtitle a:hover {
  409. text-decoration:none;
  410. letter-spacing:7px;
  411. word-spacing:9px;
  412. color:{color:titlehover};
  413. }
  414.  
  415. #icons {
  416. line-height:16px;
  417. text-transform:lowercase;
  418. margin: 0px auto;
  419. letter-spacing:7px;
  420. margin-top:20px;
  421. margin-left:10px;
  422. }
  423.  
  424.  
  425. #icons a {
  426. margin-right:5px;
  427. display:inline-block;
  428. margin-bottom:5px;
  429. text-decoration:none;
  430. color:{color:links};
  431. }
  432.  
  433. #icons a:hover {
  434. color:{color:iconhover};
  435. }
  436.  
  437. #links {
  438. color:{color:links};
  439. text-transform:uppercase;
  440. line-height:16px;
  441. font-family: 'Lato', sans-serif;
  442. letter-spacing:2px;
  443. margin-left:auto;
  444. margin-right:auto;
  445. }
  446.  
  447. #links a {
  448. color:{color:links};
  449. text-transform:uppercase;
  450. margin-left:auto;
  451. margin-right:auto;
  452. }
  453.  
  454. #links a:hover {
  455. color:{color:accent};
  456. text-transform:uppercase;
  457. letter-spacing:5px;
  458. }
  459.  
  460. #description {
  461. margin:20px 0;
  462. width:500px;
  463. margin-top:30px;
  464. }
  465.  
  466. #bx {
  467. height: 15px;
  468. overflow: hidden;
  469. transition: all 0.4s ease-out;
  470. -o-transition: all 0.4s ease-out;
  471. -webkit-transition: all 0.4s ease-out;
  472. -moz-transition: all 0.4s ease-out;}
  473.  
  474. #bx:hover {
  475. height: 120px; /*If you make your description really long you'll have to make that number higher, and if it's really short you can make it smaller but you don't have to. Ask me if you have any problems with this.*/
  476. transition: all 0.4s ease-out;
  477. -o-transition: all 0.4s ease-out;
  478. -webkit-transition: all 0.4s ease-out;
  479. -moz-transition: all 0.4s ease-out;}
  480.  
  481. {/block:IfNotHeader}
  482.  
  483.  
  484.  
  485. /*pagination*/
  486. #pagination {
  487. margin:50px 0;
  488. text-transform:lowercase;
  489. font-weight:bold;
  490. position:center;
  491. margin-right:auto;
  492. margin-left:auto;
  493. text-align:center;
  494. font-family:'Lato', sans-serif;
  495. letter-spacing:3px;
  496. font-size:14px;
  497. }
  498. #pagination a {
  499. padding:0 15px;
  500. }
  501.  
  502. #pagination a:hover {
  503. color:{color:accent};
  504. letter-spacing:5px;
  505. }
  506.  
  507. /*container*/
  508. #con {
  509. left:50%;
  510. {block:IfHeader}margin-left:-250px;{/block:IfHeader}
  511. {block:IfNotHeader}margin-left:-200px;{/block:IfNotHeader}
  512. position:absolute;
  513. }
  514.  
  515.  
  516.  
  517. /*posts*/
  518.  
  519. #entries {
  520. margin-top:75px;
  521. width:500px;
  522. padding-bottom:100px;
  523. }
  524.  
  525.  
  526.  
  527. #posts {
  528. width:500px;
  529. {block:IndexPage}
  530. margin-bottom:75px;
  531. {/block:IndexPage}
  532. {block:PermalinkPage}
  533. margin-bottom:150px;
  534. {/block:PermalinkPage}
  535. margin-top:200px;
  536.  
  537. }
  538. #posts img {
  539. max-width:500px;
  540. }
  541.  
  542. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  543. .caption {width:100%;
  544. margin-top:10px;margin-bottom:100px;
  545.  
  546.  
  547. }
  548.  
  549. #infowrap {
  550. padding:5px;
  551. {block:IndexPage} position:absolute;
  552. opacity:0;{/block:IndexPage}
  553.  
  554. {block:PermalinkPage}
  555. position:relative;
  556. {/block:PermalinkPage}
  557. transition-duration: 0.8s;
  558. -moz-transition-duration: 0.8s;
  559. -webkit-transition-duration: 0.8s;
  560. -o-transition-duration: 0.8s;
  561. }
  562.  
  563.  
  564. #posts:hover #infowrap {
  565. {block:IndexPage} opacity:.8;{/block:IndexPage}
  566.  
  567. }
  568. #info {
  569. text-align:left;
  570. font-family:helvetica;
  571. text-transform:none;
  572. font-size:9px;
  573. padding:10px 10px 15px 10px;
  574. width:470px; /* width of the caption is width of post minus 30px*/
  575. word-spacing:-1px;
  576. color:{color:captiontext};
  577. background-color:{color:accent};
  578. }
  579. #info a {
  580. color:{color:captiontext};
  581. }
  582.  
  583. #info a:hover{
  584. opacity:0;
  585. -moz-transition-duration: 0.8s;
  586. -webkit-transition-duration: 0.8s;
  587. -o-transition-duration: 0.8s;
  588. }
  589.  
  590. /*--Tags!--*/
  591. #tags {
  592. opacity:1;
  593. float:right;
  594. }
  595. #tags a{
  596. padding-left:3px;
  597. transition-duration: 0.8s;
  598. -moz-transition-duration: 0.8s;
  599. -webkit-transition-duration: 0.8s;
  600. -o-transition-duration: 0.8s;
  601. }
  602.  
  603. /*quote*/
  604.  
  605. #titlequote{text-align:center;
  606. font-family: 'Lato', sans-serif;
  607. font-size:14px;
  608. line-height:18px;
  609. font-weight:bold;
  610. }
  611. #source {
  612. text-align:center;
  613. margin-top:15px;
  614. margin-left:15px;}
  615.  
  616. /*audio*/
  617.  
  618. .playerbuttonbg {
  619. position: absolute;
  620. left: 20px;
  621. top: 20px;
  622. width: 19px;
  623. height: 19px;
  624. background-color: #ffffff;
  625. padding: 10px;
  626. -webkit-border-radius: 40px;
  627. -moz-border-radius: 40px;
  628. border-radius: 40px;
  629. opacity: .4;
  630. filter: alpha(opacity=40);
  631. -moz-opacity: 0.4;
  632. -khtml-opacity: 0.4;
  633. transition: opacity .7s ease-in-out;
  634. -moz-transition: opacity .7s ease-in-out;
  635. -webkit-transition: opacity .7s ease-in-out;
  636. }
  637.  
  638. .playerbuttonbg:hover {
  639. opacity: 1;
  640. filter: alpha(opacity=100);
  641. -moz-opacity: 1;
  642. -khtml-opacity: 1;
  643. }
  644.  
  645. .newplayerbutton {
  646. position: relative;
  647. width: 19px;
  648. height: 19px;
  649. overflow: hidden;
  650. }
  651.  
  652. .playerbuttonhug {
  653. position: absolute;
  654. top: -18px;
  655. left: -7px;
  656. }
  657.  
  658. .tumblr_audio_player {
  659. height: 90px;
  660. width: 270px;
  661. -moz-transform: scale(0.60, 0.60);
  662. -webkit-transform: scale(0.60, 0.60);
  663. -o-transform: scale(0.60, 0.60);
  664. -ms-transform: scale(0.60, 0.60);
  665. transform: scale(0.60, 0.60);
  666. -moz-transform-origin: top left;
  667. -webkit-transform-origin: top left;
  668. -o-transform-origin: top left;
  669. -ms-transform-origin: top left;
  670. transform-origin: top left;
  671. }
  672.  
  673. .audioimgwrapper {
  674. position: absolute;
  675. left: 0px;
  676. top: 0px;
  677. -webkit-border-radius: 40px;
  678. -moz-border-radius: 40px;
  679. border-radius: 40px;
  680. overflow: hidden;
  681. width: 79px;
  682. height: 79px;
  683. }
  684.  
  685. .audioimgwrapper img {
  686. width: 100%;
  687. height: auto;
  688. -webkit-border-radius: 40px;
  689. -moz-border-radius: 40px;
  690. border-radius: 40px;
  691. }
  692.  
  693. .trackdetails {
  694. width: auto;
  695. border: 1px solid black;
  696. display:inline-block;
  697. margin-left: 90px;
  698. min-height: 85px;
  699. }
  700.  
  701. .audiowrapper {
  702. position: relative;
  703. display:inline-block;
  704. }
  705.  
  706.  
  707. /*asks*/
  708. .q {
  709. margin-bottom:10px;
  710. font-family: 'Lato', sans-serif;
  711. font-size:16px;
  712. }
  713. .as {
  714. font-weight:bold;
  715. }
  716.  
  717.  
  718. .a {
  719. margin-top:10px;
  720.  
  721. }
  722.  
  723.  
  724. /*chat*/
  725.  
  726. .chat ol {
  727. padding:0;
  728. list-style:none;
  729. }
  730. .line {padding:5px 0;}
  731.  
  732. .label {font-weight:bold;
  733. }
  734.  
  735.  
  736.  
  737.  
  738.  
  739. /*permalink*/
  740.  
  741. #permalink {
  742. margin-top:15px;
  743. font-size:9px;
  744. text-transform:uppercase;
  745. }
  746. #permalink a {margin-right:10px;
  747. }
  748.  
  749. #cred {
  750. position:fixed;
  751. font-family:arial;
  752. bottom:10px;
  753. right:15px;
  754. font-size:9px;
  755. padding:5px;
  756. text-transform:lowercase;
  757. transition-duration: 0.8s;
  758. -moz-transition-duration: 0.8s;
  759. -webkit-transition-duration: 0.8s;
  760. -o-transition-duration: 0.8s;
  761.  
  762.  
  763.  
  764. }
  765.  
  766. #cred:hover {
  767. background-color:#e4e4e4;
  768. transition-duration: 0.8s;
  769. -moz-transition-duration: 0.8s;
  770. -webkit-transition-duration: 0.8s;
  771. -o-transition-duration: 0.8s;
  772. }
  773.  
  774.  
  775.  
  776.  
  777.  
  778.  
  779. {CustomCSS}
  780.  
  781.  
  782. </style>
  783.  
  784.  
  785.  
  786. </head>
  787.  
  788. <body>
  789.  
  790. <div id="con">
  791.  
  792. <div id="sidebar">
  793. <div id="sidebarim"><img src="{image:Sidebar Image}"></div>
  794. <div id="bx">
  795. <a style="margin-top: 20px;"><div id="secondtitle"><a href="/">{text:secondtitle}</a></div></a>
  796. <div class="substuff">{Description}</div></div>
  797.  
  798. <div id="icons">
  799. <a href="/" title="{text:icon1}"><i class="fa fa-home"></i></a>
  800. <a href="#?w=300" rel="box2" class="poplight" title="{text:icon2}"><i class="fa fa-envelope-o"></i></a>
  801. <a href="#?w=300" rel="box1" class="poplight" title="{text:icon3}"><i class="fa fa-folder-open"></i></a>
  802.  
  803.  
  804. </div>
  805.  
  806.  
  807.  
  808.  
  809. </div>
  810.  
  811.  
  812.  
  813.  
  814. <div id="entries">
  815.  
  816. {block:Posts}
  817. <div id="posts">
  818.  
  819. <div id="infowrap">
  820. <div id="info">
  821. {block:Caption}{Caption}{/block:Caption}
  822. <br><a href="{Permalink}">{MonthNumber} . {DayOfMonth} . {Year} </a>{block:RebloggedFrom}<a href="{ReblogParentURL}">. via . </a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"><a href="{SourceURL}">source .</a>{/block:ContentSource} <a href="{Permalink}"> {NoteCount}</a> {block:PermalinkPage}
  823. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via.</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source.</a>{/block:ContentSource}{/block:RebloggedFrom}
  824. {/block:PermalinkPage}
  825. {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  826. </div>
  827. </div>
  828.  
  829.  
  830.  
  831.  
  832. {block:Quote}
  833.  
  834.  
  835. <div id="titlequote">“{Quote}”</div>
  836. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  837. {/block:Quote}
  838.  
  839.  
  840.  
  841. {block:Text}
  842.  
  843. {block:Title}
  844. <div id="title">{Title}</div>{/block:Title}
  845. {Body}
  846. {/block:Text}
  847.  
  848. {block:Link}
  849. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  850. {/block:Link}
  851.  
  852. {block:Chat}
  853. {block:Title}
  854. <h1>{Title}</h1>
  855. {/block:Title}
  856. <div class="chat">
  857. <ol>{block:Lines}
  858. <li class="line {Alt}">
  859. {block:Label}
  860. <span class="label">
  861. {Label}</span>
  862. {/block:Label}{Line}</li>
  863. {/block:Lines}
  864. </ol></div>
  865. {/block:Chat}
  866.  
  867. {block:Photo}
  868. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  869. {/block:Photo}
  870.  
  871. {block:Photoset}
  872. {Photoset-500}
  873. {/block:Photoset}
  874.  
  875. {block:Video}
  876. {Video-500}
  877. {/block:Video}
  878.  
  879. {block:AudioPlayer}
  880. <div class="audiowrapper">
  881. {block:AlbumArt}
  882. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  883. {/block:AlbumArt}
  884.  
  885. <div class="playerbuttonbg">
  886. <div class="newplayerbutton">
  887. <div class="playerbuttonhug">
  888.  
  889. {AudioPlayerWhite}
  890.  
  891. </div>
  892. </div>
  893. </div>
  894.  
  895. <div class="trackdetails">
  896.  
  897. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  898. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  899. {block:Album}Album: {Album}{/block:Album}<br/>
  900. {PlayCountWithLabel}
  901.  
  902. </div>
  903. </div>
  904. {/block:AudioPlayer}
  905.  
  906.  
  907.  
  908. {block:Answer}
  909. <div class="q">
  910. <div class="as">{Asker} said: </div>
  911. {Question}</div>
  912. <div class="a">{Answer}</div>
  913. {/block:Answer}
  914.  
  915.  
  916.  
  917.  
  918. </div>
  919. {/block:Posts}
  920.  
  921. <div id="pagination">
  922. {block:Pagination}
  923. {block:PreviousPage}
  924. <a href="{PreviousPage}">&larr; fall </a>
  925. {/block:PreviousPage}
  926.  
  927.  
  928. {block:NextPage}
  929. <a href="{NextPage}">fly &rarr;</a>
  930. {/block:NextPage}
  931. {/block:Pagination}
  932. </div>
  933.  
  934.  
  935.  
  936. </div>
  937.  
  938. </div>
  939.  
  940.  
  941. {block:ContentSource}
  942. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  943. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  944. {/block:SourceLogo}
  945. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  946. {/block:ContentSource}
  947.  
  948. <div id="cred">
  949. <a title="themesbyisa"href="http://themesbyisa.tumblr.com">isa</a>
  950. </div>
  951.  
  952.  
  953. </body>
  954.  
  955.  
  956.  
  957.  
  958. <div id="box1" class="popup_block">
  959. <div id="links">
  960. <p>{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}</p>
  961. <p>{block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}</p>
  962. <p>{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}</p>
  963. <p>
  964. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a> {/block:ifLink4}</p> </div>
  965. </div>
  966.  
  967.  
  968.  
  969. <div id="box2" class="popup_block">
  970. <!-- PUT YOUR FAQ STUFF HERE-->
  971. <p>YES This is basically you faq replace this text with your thingy and please make sure you put your url where it says "put your url in here" please just do it.</p>
  972.  
  973. <p><strong>1. What do I do if the ask box won't work?</strong></p>
  974. <p>Well, did you put your fucking url in? If you REALLY did that and it still doesn't work ask me. </p>
  975.  
  976. <p><strong>1. But what if I have a really long faq?</strong></p>
  977. <p>I added this thing called a scrollbar. Wow. It will appear if your text plus your askbox is longer than 400px which is pretty likely to happen, but it looks cool, i think. also it looks pretty badass 'cause it has a color, so it's just not plain boring white, you know? it's the accent color that is the background. the accent color also is the selection color and the color of the tooltips. wow. so be careful choosing that color 'cause it will be all over your theme and PLEASE DON'T MAKE IT THE SAME COLOR AS YOUR TEXT IS thank you. </p>
  978.  
  979. <!-- DON'T PUT YOUR FAQ STUFF AFTER THIS-->
  980.  
  981. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{text:yoururl}.tumblr.com" width="100%"></iframe>
  982. </div>
  983.  
  984. </div></div></div></div></div></div></div></div></div></div>
  985.  
  986. </html>
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!