API tools faq
paste
Advertisement
tasty2punch

sanqwoo theme 122915

tasty2punch
Dec 29th, 2015
61
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 20.50 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head><title>{Title}</title>
  3.  <link rel="shortcut icon" href="http://i.imgur.com/93Xh7ER.png">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6.  
  7.  
  8. <!-----------base code by mrsthemes@tumblr
  9. you don't have to leave credit but if you want, that's always nice :> ------------>
  10.  
  11.  
  12. <!--------default variables-------->
  13. <meta name="color:background" content="#ffffff"/>
  14. <meta name="color:text" content="#333333"/>
  15. <meta name="color:links" content="#5b5b5b"/>
  16. <meta name="color:links hover" content="#c9c9c9"/>
  17. <meta name="color:scrollbar bg" content="#ffffff"/>
  18. <meta name="color:scrollbar" content="#eeeeee">
  19. <meta name="color:accent" content="#dddddd"/>
  20. <meta name="color:entries" content="#ffffff"/>
  21. <meta name="image:popup" content=""/>
  22. <meta name="image:sidebar image" content=""/>
  23. <meta name="image:background image" content=""/>
  24. <meta name="image:accent image" content=""/>
  25. <meta name="text:hovers" content=""/>
  26. <meta name="text:disc" content=""/>
  27. <meta name="text:accent opacity" content=""/>
  28. <meta name="text:link 1 title" content="link"/>
  29. <meta name="text:link 1 url" content=" "/>
  30. <meta name="text:link 1 description" content=" "/>
  31. <meta name="text:link 2 title" content="link"/>
  32. <meta name="text:link 2 url" content=" "/>
  33. <meta name="text:link 2 description" content=" "/>
  34. <meta name="text:link 3 title" content="link"/>
  35. <meta name="text:link 3 url" content=" "/>
  36. <meta name="text:link 3 description" content=" "/>
  37. <meta name="text:link 4 title" content="link"/>
  38. <meta name="text:link 4 url" content=" "/>
  39. <meta name="text:link 4 description" content=" "/>
  40. <meta name="text:link 5 title" content="link"/>
  41. <meta name="text:link 5 url" content=" "/>
  42. <meta name="text:link 5 description" content=" "/>
  43. <meta name="text:link 6 title" content="link"/>
  44. <meta name="text:link 6 url" content=" "/>
  45. <meta name="text:link 6 description" content=" "/>
  46. <meta name="text:blurb" content=""/>
  47. <meta name="if:show link 1" content="1" />
  48. <meta name="if:show link 2" content="1" />
  49. <meta name="if:show sidebar image" content="1" />
  50. <link rel="stylesheet" href="//brick.a.ssl.fastly.net/Source+Code+Pro:200,300,400,500,600,700,900/Noto+Sans:400,700,400i,700i">
  51. <link rel="stylesheet" href="//brick.a.ssl.fastly.net/Latin+Modern+Roman:400,700,400i,700i">
  52. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  53.  
  54. <!------------------------TOOLTIPS SCRIPT--------------------->
  55.  
  56. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  57. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  58. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  59. <script>
  60. (function($){
  61. $(document).ready(function(){
  62. $("[title]").style_my_tooltips({
  63. tip_follows_cursor:true,
  64. tip_delay_time:200,
  65. tip_fade_speed:300
  66. });
  67. });
  68. })(jQuery);
  69. </script>
  70.  
  71.  
  72. <!-------------------------------------------------------------------->
  73. <!--- poplight -->
  74. <script>
  75.    (function($){
  76.        $(document).ready(function(){
  77.            $(".poplight[href^=#]").click(function(){
  78.              
  79. var popID = $(this).attr('rel'); //Get Popup Name
  80. var popURL = $(this).attr('href'); //Get Popup href to define size
  81. var query= popURL.split('?');
  82. var dim= query[1].split('&');
  83. var popWidth = dim[0].split('=')[1];
  84.  
  85.   //Fade in the Popup and add close button
  86.  
  87.     $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">×</a>');
  88.  
  89. var popMargTop = ($('#' + popID).height() + 80) / 2;
  90. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  91. //Apply Margin to Popup
  92. $('#' + popID).css({
  93. 'margin-top' : -popMargTop,
  94. 'margin-left' : -popMargLeft
  95. });
  96.          
  97.            
  98.            $('body').append('<div id="fade"></div>');
  99. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  100. return false;
  101. });
  102. $('a.close, #fade').live('click', function() {
  103. $('#fade , .popup_block').fadeOut(function() {
  104. $('#fade, a.close').remove(); //fade them both out
  105. });
  106. return false;
  107. });
  108.        });
  109.    })(jQuery);
  110. </script>
  111. <!--/end poplight-->
  112. <style type="text/css">
  113.  
  114. /*----------tooltips---------*/
  115.  
  116. #s-m-t-tooltip {
  117.     font-family: 'Source Code Pro';
  118.     font-style: italic;
  119.     color: #777;
  120.     max-width:200px;
  121. margin:15px;
  122. padding:2px;
  123.  
  124. background:#ffffff;
  125. color:{color:text};
  126. z-index:999999;
  127. font-size: 8px;
  128.  
  129.  
  130. }
  131.  
  132.  
  133. /*----------scrollbar---------*/
  134.  
  135. ::-webkit-scrollbar {
  136. background-color: {color:scrollbar bg};
  137. height:8px;
  138. width:5px
  139. }
  140.  
  141. ::-webkit-scrollbar-thumb:vertical {
  142. background-color:{color:scrollbar};
  143. height:50px
  144. }
  145.  
  146. ::-webkit-scrollbar-thumb:horizontal {
  147. background-color:{color:scrollbar bg};
  148. height:8px!important
  149. }
  150.  
  151.  
  152. /*----------basics---------*/
  153.  
  154. body {
  155. background:{color:background} url({image:background image}) repeat right top fixed;
  156. color:{color:text};
  157. font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
  158. line-height:15px;
  159. font-size:10px;
  160. margin:0;
  161. text-align:left;
  162. }
  163.  
  164. blockquote {
  165. padding-left:10px;
  166. border-left:1px solid;
  167. border-color:#eeeeee;
  168. margin:10px;
  169. }
  170.  
  171. a {
  172. color:{color:links};
  173. text-decoration:none;
  174. }
  175.  
  176. a:hover {
  177. text-decoration:none;
  178. color: {color:links hover};
  179. -webkit-transition:all 0.5s;
  180. -moz-transition:all 0.5s;
  181. -ms-transition:all 0.5s;
  182. -o-transition:all 0.5s;
  183. transition:all 0.5s;
  184. }
  185.  
  186. img {
  187. opacity:1;
  188. text-decoration:none;
  189. }
  190.  
  191. h1 {
  192. font-size:11px;
  193. font-weight:bold;
  194. }
  195.  
  196. h1 a {
  197.     background: {color:accent};
  198.     padding:3px;
  199.     margin:5px;
  200.     border-bottom:1px #ccc solid;
  201.     border-right:1px #ddd solid;
  202.     font-size: 12px;
  203.     font-style: italic;
  204. }
  205.  
  206. /*----------posts---------*/
  207.  
  208. main {
  209. width:800px;
  210. margin: auto;
  211. }
  212. small, big, sub, sup
  213. {
  214.     font-size: 10px;
  215.     vertical-align: baseline;
  216.    
  217. }
  218.  
  219. pre {
  220.  white-space: pre-wrap;       /* css-3 */
  221.  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  222.  white-space: -pre-wrap;      /* Opera 4-6 */
  223.  white-space: -o-pre-wrap;    /* Opera 7 */
  224.  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  225. }
  226.  
  227. pre, code
  228. {
  229.     font-family: 'Source Code Pro', times, serif;
  230.     font-size: 10px;
  231.       font-weight: normal;
  232. }
  233. .posts {
  234. font-size:11px;
  235. text-align: justify;
  236. font-weight: 300;
  237. line-height:20px;
  238. {block:IndexPage}
  239. margin-bottom:80px;
  240. {/block:IndexPage}
  241. {block:PermalinkPage}
  242. margin-bottom:40px;
  243. {/block:PermalinkPage}
  244. width:440px;
  245.  
  246. }
  247. .posts .fa
  248. {
  249.     opacity: 0.8;
  250. }
  251. .postcontent
  252. {
  253.    font-weight: 200;
  254.     background: {color:entries};
  255. padding: 20px;
  256. border-bottom: 1px solid #ddd;
  257. border-right: 1px solid #eee;
  258. }
  259.  .postcontent .fa
  260.  {
  261.      padding-right: 5px;
  262.      margin-top:2px;
  263.  }
  264. .postcontent h1 span, .postcontent h1 a
  265. {
  266.     font-family: 'Source Code Pro', times, serif;
  267.     font-size: 11px;
  268.     font-weight: normal;
  269.    
  270. }
  271. section {
  272.    
  273. position: relative;
  274. top: 140px;
  275. width:400px;
  276. margin: 50px;
  277. z-index: 2;
  278. }
  279.  
  280. .accent
  281. {
  282.     height: 250px;
  283.     opacity: {text:accent opacity};
  284.     width: 100%;
  285.     position: fixed;
  286.     top: 0;
  287.     left: 0;
  288.     z-index: -1;
  289.     background: {color:accent} url({image:accent image}) repeat right top fixed;
  290.    
  291. }
  292.  
  293. .posts img, .posts li, .posts blockquote {
  294. max-width: 100%;
  295. }
  296.  
  297. .posts li {
  298. list-style: square;
  299. }
  300.  
  301. blockquote img {
  302. max-width:320px!important;
  303. }
  304.  
  305.  
  306. /*----------post info---------*/
  307.  
  308. .info {
  309. font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
  310. padding-top: 10px;
  311. margin-top:30px;
  312. text-align:center;
  313. font-weight: normal;
  314. font-size:8px;
  315. text-transform:uppercase;
  316. opacity: 0.7;
  317. }
  318.  
  319. .info a
  320. {
  321.  
  322.  
  323. margin-right:3px;
  324. padding:2px;
  325.  
  326.  
  327.  
  328.  
  329. }
  330. .tags {
  331. opacity: 0.5;
  332. font-size:8px;
  333. font-weight: normal;
  334. font-family: 'Source Code Pro', times, serif;
  335. text-align:center;
  336.  
  337. }
  338.  
  339. .tags a {
  340.  
  341. margin-right:3px;
  342.  
  343. }
  344.  
  345.  
  346. /*----------post notes---------*/
  347.  
  348. ol.notes {
  349. padding:0px;
  350. margin:25px 0px 0px -10px;
  351. list-style-type:none;
  352. }
  353.  
  354. ol.notes li.note {
  355. padding:10px;
  356. }
  357.  
  358. ol.notes li.note img.avatar {
  359. vertical-align:-4px;
  360. margin-right:10px;
  361. width:16px;
  362. height:16px;
  363. }
  364.  
  365. ol.notes li.note span.action {
  366. font-weight:none;
  367. }
  368.  
  369. ol.notes li.note .answer_content {
  370. font-weight:normal;
  371. }
  372.  
  373. ol.notes li.note blockquote {
  374. padding:4px 10px;
  375. margin:10px 0px 0px 25px;
  376. }
  377.  
  378. ol.notes li.note blockquote a {
  379. text-decoration:none;
  380. }
  381.  
  382. /*----------sidebar---------*/
  383.  
  384. aside {
  385. float: right;
  386. width:250px;
  387.  
  388.  
  389. }
  390. .jessie
  391. {
  392.     position:absolute;
  393.     width:40px;
  394.     top:-20px;
  395.     left:0px;
  396.     z-index:1000;
  397. }
  398.  
  399. .jessie img
  400. {
  401.     width:40px;
  402.     height:40px;
  403.    
  404. }
  405.  
  406. div.fixed
  407. {
  408.     position: fixed;
  409.     top:220px;
  410.     width:inherit;
  411. }
  412. div.sideinfo
  413. {
  414.    
  415.     top:250px;
  416.     width:240px;
  417.     z-index:-999;
  418.     position:fixed;
  419.     padding-top:10px;
  420.     padding-bottom:20px;
  421.     padding-left:10px;
  422.     padding-right:10px;
  423.  
  424. }
  425. .sidebarimage {
  426. width:60px;
  427. float:right;
  428. padding-left:0px;
  429. padding-right:10px;
  430.  
  431. }
  432.  
  433. .sidebarimage img {
  434. width:60px;
  435. border:3px #fff solid;
  436. margin:auto;
  437.  
  438.  
  439. border-radius: 50%;
  440. }
  441.  
  442. .sidetitle {
  443. font-family: 'Source Code Pro', times, serif;
  444.  
  445. font-size:12px;
  446. color: #777;
  447. vertical-align:bottom;
  448. width:220px;
  449. position:relative;
  450. height: auto;
  451. top:20px;
  452.  
  453. left:0px;
  454. }
  455.  
  456. .sidetitle span
  457. {
  458.     padding:2px;
  459.     font-style: italic;
  460.      background: #000;
  461.     color:#fff;
  462.     border-bottom: 2px solid #ddd;
  463.  
  464. }
  465. .description
  466. {
  467.     margin-top: 20px;
  468.     width: 160px;
  469.     float: left;
  470. }
  471.  
  472. .hovers {
  473.     text-align: right;
  474.     width: 160px;
  475.     height: 20px;
  476.     letter-spacing: 2px;
  477.     font-size: 8px;
  478.    
  479.     position: relative;
  480.     top: 20px;
  481. }
  482. .hovers a
  483. {
  484.     color: {color:accent};
  485.     text-shadow: 1px 1px #aaa;
  486. }
  487. .description {
  488.  
  489. text-align: justify;
  490.  
  491. line-height:20px;
  492. }
  493. .disc
  494. {
  495.     text-align: center;  
  496.     width: 220px;
  497. }
  498. .sidetitle .fa, .sidetitle a  {
  499.     color: {color:accent};
  500.    font-style: normal;
  501. }
  502.  
  503. .description .fa
  504. {
  505.     font-weight: normal;
  506.     opacity: 0.7;
  507.    
  508. }
  509. .disc a
  510. {
  511.     font-size: 10px;
  512.     margin: 3px;
  513. }
  514. .description span
  515. {
  516.     background: #fff;
  517.     color: #777;
  518.     padding: 2px;
  519.    
  520.     font-size: 9px;
  521.     border-bottom:1px solid #ddd;
  522.     border-right:1px solid #eee;
  523. }
  524. .links {
  525. width:60px;
  526. position:relative;
  527. top:20px;
  528. word-spacing:3px;
  529. color:{color:links};
  530. text-align: left;
  531. margin-top: 10px;
  532. float:right;
  533. padding-left: 5px;
  534. border-left: 2px dotted #ddd;
  535. }
  536.  
  537. .links a, .pagination a {
  538. text-transform: uppercase;
  539.     font-family: 'Noto Sans', times, serif;
  540.     font-size: 7px;
  541.     color: #888;
  542.     background: #eee;
  543.   padding: 2px 5px 2px 5px;
  544.   border-radius: 2px;
  545.  margin: 5px;
  546.  
  547.  width:55px;
  548.  
  549. -webkit-transition:all 0.5s;
  550. -moz-transition:all 0.5s;
  551. -ms-transition:all 0.5s;
  552. -o-transition:all 0.5s;
  553. transition:all 0.5s;
  554.  
  555.  
  556. }
  557. .links a:hover, .pagination a:hover
  558. {
  559.     background: {color:accent};
  560.     color: #666;
  561.     border-bottom: 1px #ddd solid;
  562.     -webkit-transition:all 0.5s;
  563. -moz-transition:all 0.5s;
  564. -ms-transition:all 0.5s;
  565. -o-transition:all 0.5s;
  566. transition:all 0.5s;
  567. }
  568.  
  569. .links a.more-lnk{
  570.  
  571.     padding-left: 5px;
  572.     padding-right: 5px;
  573.     font-style: normal;
  574. }
  575.  
  576. .pagination {
  577. width:220px;
  578. position:relative;
  579. top:20px;
  580.  margin-top: 20px;
  581. text-align: center;
  582. clear: both;
  583.  
  584. }
  585.  
  586.  
  587.  
  588. /*----------quotes---------*/
  589.  
  590. .quote {
  591.  
  592. font-style: normal;
  593. font-size:12px;
  594. font-weight:lighter;
  595. text-align:center;
  596. }
  597.  
  598. .quotesource {
  599. text-align:right;
  600. margin-top:9px;
  601. font-size:9px;
  602.  
  603. font-family: 'Source Code Pro', times, serif;
  604. }
  605.  
  606.  
  607. /*----------chat---------*/
  608.  
  609. .chat {
  610. line-height:20px;
  611. list-style:none;
  612. }
  613.  
  614. .line.odd {
  615. background:#fafafa;
  616. margin-bottom:2px;
  617. padding:5px;
  618. list-style:none;
  619. font-size:10px;
  620. }
  621.  
  622. .line.even {
  623. background:#ffffff;
  624. margin-bottom:2px;
  625. padding:5px;
  626. list-style:none;
  627. font-size:10px;
  628. }
  629.  
  630. .label {
  631. padding-right:1px;
  632. text-transform:uppercase;
  633. font-weight:bold;
  634. color:{color:links};
  635. }
  636.  
  637.  
  638. /*----------questions---------*/
  639.  
  640. .question {
  641. background:#fafafa;
  642. padding:10px;
  643. border-bottom:1px #ddd solid;
  644.  
  645. }
  646.  
  647. .asker {
  648. text-transform:lowercase;
  649. font-family: 'Source Code Pro', times, serif;
  650. font-style: italic;
  651. }
  652.  
  653. .answer {
  654. padding:10px;
  655. margin-top:-15px;
  656. }
  657.  
  658. /*----------audio---------*/
  659.  
  660. .playerbutton {
  661. position: absolute;
  662.   width: 30px;
  663.   height: 30px;
  664.   overflow: hidden;
  665.   opacity: 0;
  666.   top: 12px;
  667.   left: 12px;
  668.   -webkit-transition:all 0.5s;
  669. -moz-transition:all 0.5s;
  670. -ms-transition:all 0.5s;
  671. -o-transition:all 0.5s;
  672. transition:all 0.5s;
  673. }
  674. .playerbutton:hover
  675. {
  676.     opacity: 0.6;
  677.     -webkit-transition:all 0.5s;
  678. -moz-transition:all 0.5s;
  679. -ms-transition:all 0.5s;
  680. -o-transition:all 0.5s;
  681. transition:all 0.5s;
  682. }
  683. .playerbuttonhug {
  684. position: absolute;
  685. top:-7px;
  686. left:2px;
  687. }
  688.  
  689. .tumblr_audio_player {
  690. height:50px;
  691. width:400px;
  692. }
  693.  
  694. .playerbuttonbg {
  695. position:absolute;
  696. width:35px;
  697. height:35px;
  698. background-color:{color:accent};
  699. padding:10px;
  700. border-bottom: 1px solid #ccc;
  701. border-right:1px solid #ddd;
  702. }
  703.          
  704. .trackdetails {
  705. width:auto;
  706. display:inline-block;
  707. margin-left:70px;
  708. font-size:10px;
  709. letter-spacing:1px;
  710. text-transform:lowercase;
  711. padding:5px;
  712. line-height:15px;
  713. }
  714.            
  715. .audiowrapper {
  716. position:relative;
  717. display:inline-block;
  718. }
  719.  
  720. /*----------credit---------*/
  721. .knetwrks
  722. {
  723.     display:none;
  724.     position:fixed;
  725.     bottom:20px;
  726.     right: 20px;
  727. }
  728. .knetwrks img
  729. {
  730.     height: 30px;
  731.     width:30px;
  732. }
  733. .disc {
  734. font-size:8px;
  735. position:fixed;
  736. font-weight:bold;
  737. bottom:5px;
  738. right:25px;
  739. z-index:10;
  740. text-align:right;
  741. letter-spacing:1px;
  742. padding:2px;
  743. }
  744. .credit {
  745. font-size:8px;
  746. position:fixed;
  747. font-weight:bold;
  748. bottom:5px;
  749. right:15px;
  750. z-index:10;
  751. text-align:right;
  752. letter-spacing:1px;
  753. padding:2px;
  754. }
  755.  
  756. .credit a {
  757. color:{color:links};
  758. text-decoration:none;
  759. }
  760.  
  761. .credit a:hover {
  762. color:{color:links hover};
  763. text-decoration:none;
  764. }
  765. /* poplight */
  766. #fade {
  767.     display:none;
  768.     background: {color:accent};
  769.     position:fixed;
  770.     left:0; top:0;
  771.     width:100%; height:100%;
  772.     opacity:.80;
  773.     z-index:999; }
  774.  
  775. a.close
  776. {
  777.     margin: 5px;
  778.     padding: 3px;
  779.     font-size: 14px;
  780.     text-transform: uppercase;
  781.    
  782.     color: {color: link};
  783.    
  784.     float:right;
  785. }
  786. .popup_block {
  787.     display:none;
  788. background-color: #fff;
  789.     padding:0px;
  790.     border: 0px dotted #eeeeee;
  791.     border-bottom: 0px solid #f3f3f3;
  792.     float:left;
  793.     font-size:10px;
  794.    
  795.     position:fixed;
  796.     text-align: center;
  797.     top:50%; left:50%;
  798.     z-index:99999;
  799.     opacity: 1;
  800.           border-bottom: 1px #ddd solid;
  801.       border-right: 1px #eee solid;
  802.   }
  803.   .popup_block p
  804.   {
  805.      
  806.     padding:20px;
  807.      
  808.   }
  809.  
  810.  
  811. .popuplinks a
  812. {
  813.     background: {color:accent};
  814.     padding:2px;
  815.     font-size: 10px;
  816.  
  817.     text-transform:lowercase;
  818.    
  819.     border-right:1px solid #ccc;
  820.     border-bottom:1px solid #bbb;
  821.       margin-left:10px;
  822.       margin-right:10px;
  823.       font-family: 'Source Code Pro', times, serif;
  824. }
  825. img.btn_close {
  826.     float:right;
  827.     margin:-5px -5px 0 0;
  828.     font-style: none;}
  829.    
  830. .fulldesc-img img {
  831.     width:450px;
  832.     margin: auto;
  833. }
  834. *html #fade { position:absolute; }
  835. *html .popup_block { position:absolute; }
  836. /* end poplight */
  837.  
  838. </style>  
  839. </head>
  840.  
  841. <body>
  842. <div class="accent"></div>
  843. <main>
  844.  
  845. <div class="disc">{text:disc}</div>
  846. <div class="credit">
  847. <a title="theme by typist; base by mrsthemes" href="http://sanqwoo.tumblr.com/" target="_blank">&copy;</a></div>
  848. <div class="knetwrks"><A href="http://k-netwrks.tumblr.com/"><img src="http://40.media.tumblr.com/63758948c2213a32983b94f19831cc3a/tumblr_inline_nximpyA5B31s5a6hk_500.png"/></A></div>
  849.  
  850.  
  851. <aside>
  852. <div class="fixed">
  853. <div class="jessie"><a href="/tagged/.evenstar" title="she breaks me into a million little pieces, then rebuilds me into a person infinitely better than i ever was"><img src="https://38.media.tumblr.com/tumblr_lonf32edNv1qg9aa7.gif"/></a></div>
  854. {block:IfShowSidebarImage}
  855. <div class="sidebarimage">
  856. <a href="/"><img src="{image:sidebar image}">
  857. </a></div>
  858. {/block:IfShowSidebarImage}
  859.  
  860. <div class="sidetitle"> <span>{Title} <em class="fa fa-rocket"></em></span></div>
  861. <div class="hovers">{text:hovers}</div>
  862. <div class="sideinfo">
  863.  
  864.  
  865.  
  866.  
  867. <div class="description"><span>{text:blurb}</span></div>
  868.  
  869.  
  870. <div class="links">
  871. <a href="/" title="refresh"><em class="fa fa-home"></em> home</a>
  872. <a href="/ask" title="leave a message"><em class="fa fa-inbox"></em> inbox</a>
  873. {block:IfShowLink1}
  874. <a href="{text:link 1 url}" title="{text:link 1 description}">{text:link 1 title}</a>
  875. {/block:IfShowLink1}
  876.  
  877. {block:IfShowLink2}
  878. <a href="{text:link 2 url}" title="{text:link 2 description}">{text:link 2 title}</a>
  879. {/block:IfShowLink2}
  880.  
  881.  
  882. <a class="poplight more-lnk" href="#?w=450" rel="fulldesc" title="more"><em class="fa fa-bars"></em> more</a>
  883.  
  884. </div>
  885. <div class="pagination">
  886. {block:Pagination}
  887. {block:PreviousPage}
  888. <a href="{PreviousPage}"><em class="fa fa-minus"></em> previous</a>{/block:PreviousPage}&nbsp;
  889.  
  890. {block:NextPage}
  891. <a href="{NextPage}"><em class="fa fa-plus"></em> next</a>
  892. {/block:NextPage}
  893. {/block:Pagination}
  894. </div>
  895.  
  896.  
  897. </div>
  898. </div>
  899. </aside>
  900.  
  901.  
  902. <section>
  903. {block:Posts}
  904. <div class="posts">
  905. <div class="postcontent">
  906. {block:Text}
  907. <h1><span>{block:Title}{Title}{/block:Title}</span></h1>
  908. {Body}{/block:Text}
  909.  
  910.  
  911. {block:Photo}
  912. {LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  913. {block:Caption}{Caption}{/block:Caption}
  914. {/block:Photo}
  915.  
  916.  
  917. {block:Photoset}
  918. {Photoset-400}
  919. {block:Caption}{Caption}{/block:Caption}
  920. {/block:Photoset}
  921.  
  922.  
  923. {block:Quote}
  924. <div class="quote">"{Quote}"</div>
  925. {block:Source}<div class="quotesource"> — {Source}</div>
  926. {/block:Source}{/block:Quote}
  927.  
  928.  
  929. {block:Link}
  930. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  931. {block:Description}{Description}{/block:Description}
  932. {/block:Link}
  933.  
  934.  
  935. {block:Chat}
  936. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  937. {/block:Chat}
  938.  
  939.  
  940. {block:Audio}
  941. {block:AudioPlayer}
  942. <div class="audiowrapper">
  943. <div class="playerbuttonbg">{block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
  944. <div class="playerbutton">
  945. <div class="playerbuttonhug">
  946. {AudioPlayerWhite}
  947. </div></div></div>
  948.  
  949. <div class="trackdetails">
  950. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  951.  
  952. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  953.  
  954. <b>PLAYS:</b> {FormattedPlayCount}</div></div>
  955. {/block:AudioPlayer}
  956.  
  957. {block:Caption}
  958. <div class="caption">{Caption}</div>
  959. {/block:Caption}
  960. {/block:Audio}
  961.  
  962.  
  963. {block:Video}
  964. {Video-400}
  965. {block:Caption}{Caption}{/block:Caption}
  966. {/block:Video}
  967.  
  968.  
  969. {block:Answer}
  970. <div class="question">
  971. <div class="asker"><b>{Asker} said:</b></div>
  972. {Question}</div><br>
  973. <div class="answer">
  974. {Answer}</div>
  975. {/block:Answer}
  976. <div class="info">
  977. {block:Date}
  978. <em class="fa fa-calendar-o"></em><b><a href="{Permalink}" title="{TimeAgo}">{DayOfMonthWithZero}.{ShortMonth}.{ShortYear}</b></a>
  979. {/block:Date}
  980.  
  981. &nbsp;&nbsp;
  982. <em class="fa fa-file-o"></em><a href="{Permalink}">{NoteCount}</a>
  983. &nbsp;&nbsp;
  984.  
  985. {block:RebloggedFrom}
  986. <em class="fa fa-reply"></em> <a href="{ReblogParentURL}" title="{ReblogParenttitle}">via </a>
  987. {block:ContentSource}
  988. <em class="fa fa-link"></em><a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}"> source</a>
  989. {/block:ContentSource}
  990. {/block:RebloggedFrom}
  991.  
  992. <a href="{ReblogURL}" target="_blank" class="details"><em class="fa fa-retweet"></em>reblog</a>
  993. </div>
  994. {block:HasTags}
  995. <div class="tags">
  996. <em class="fa fa-tag"></em>{block:Tags}
  997. <a href="{TagURL}">#{Tag}</a>
  998. {/block:Tags}
  999. </div>
  1000. {/block:HasTags}
  1001. </div>
  1002.  
  1003.  
  1004.  
  1005.  
  1006.  
  1007. </div>
  1008.  
  1009.  
  1010. {block:PostNotes}
  1011. {PostNotes}
  1012. {/block:PostNotes}
  1013.  
  1014. {/block:Posts}
  1015.  
  1016. {block:ContentSource}
  1017. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1018. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1019. {/block:SourceLogo}
  1020. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  1021.  {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1022.  
  1023.  
  1024.  
  1025. </section></main>
  1026. <div id="fulldesc" class="popup_block">
  1027. <div class="fulldesc-img"><img src="{image:popup}"/></div>
  1028. <p>{Description}</p>
  1029. <p class="popuplinks"><a href="{text:link 3 url}">{text:link 3 title}</a> <a href="{text:link 4 url}">{text:link 4 title}</a> <a href="{text:link 5 url}">{text:link 5 title}</a> <a href="{text:link 6 url}">{text:link 6 title}</a></p>
  1030.  
  1031. </div>
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!