Advertisement
cornetespoir

13 // Safety First

Mar 27th, 2016
4,530
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.04 KB | None | 0 0
  1. <!--
  2. //safety 1st
  3.  
  4. by espoirthemes//
  5.  
  6. +please keep the credit where it is
  7. +feel free to edit as much as you want.
  8.  
  9. +if you want to change the tag from nsfw to something else, just search for nsfw in the code, and replace with whatever tag you want. to add more, it'll require much more editing and some css/html knowledge
  10.  
  11.  
  12. drop down links by le4f
  13.  
  14.  
  15. -->
  16.  
  17. <html >
  18. <head>
  19.  
  20.  
  21.  
  22. <title>{title}</title>
  23. <link rel="shortcut icon" href="{Favicon}"/>
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26. <meta name="color:background"content="#fff">
  27. <meta name="color:container" content="#fff" />
  28. <meta name="color:sidebar" content="#fff" />
  29. <meta name="color:posts"content="#fff">
  30. <meta name="color:post shadow" content="#ebebeb" />
  31. <meta name="color:border"content="#ededed">
  32. <meta name="color:bold"content="#000">
  33. <meta name="color:italic"content="#000">
  34. <meta name="color:text"content="#000">
  35. <meta name="color:links" content="#000" >
  36. <meta name="color:hover"content="#fff">
  37. <meta name="color:post warning text" ="#6ac4d0" />
  38. <meta name="color:ask bubble" content="#eee" />
  39. <meta name="color:ask bubble text" content="#aaa" />
  40.  
  41. <meta name="if:full background" content="" />
  42.  
  43.  
  44. <meta name="color:scrollbar" content="#eee" />
  45. <meta name="color:scrollbar background" content="#f8f8f8" />
  46. <meta name="color:tooltip" content="#000" />
  47. <meta name="color:tooltip text" content="#fff" />
  48. <meta name="color:selection background" content="#ddd" />
  49. <meta name="color:selection text" content="#000" />
  50. <meta name="color:current page" content="#fff" />
  51. <meta name="color:jump page" content="#fff" />
  52. <meta name="color:jump page hover" content="#fefefe" />
  53. <meta name="color:jump page hover text" content="#000" />
  54.  
  55.  
  56.  
  57. <meta name="color:post info" content="#fff" />
  58. <meta name="color:tags" content="#000" />
  59. <meta name="color:info background" content="#222" />
  60. <meta name="color:description text" content="#000" >
  61.  
  62. <meta name="image:sidebar"content="">
  63. <meta name="image:background"content="">
  64.  
  65. <meta name="image:post bg" content="" >
  66.  
  67. <meta name="text:link1"content="05" /><meta name="text:url1"content="/">
  68. <meta name="text:link2"content="06" /><meta name="text:url2"content="/">
  69. <meta name="text:link3"content="07" /><meta name="text:url3"content="/" />
  70. <meta name="text:link4" content="08"/><meta name="text:url4" content="/"/>
  71. <meta name="text:current page" content="X" />
  72. <meta name="text:notes" content="notes" />
  73. <meta name="text:tags" content="#" />
  74. <meta name="text:asked" content="shouted" />
  75.  
  76.  
  77. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  78.  
  79. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  80.  
  81. <script>
  82.  
  83. (function($){
  84.  
  85. $(document).ready(function(){
  86.  
  87. $("a[title]").style_my_tooltips({
  88.  
  89. tip_follows_cursor:true,
  90.  
  91. tip_delay_time:90,
  92.  
  93. tip_fade_speed:600,
  94.  
  95. attribute:"title"
  96.  
  97. });
  98.  
  99. });
  100.  
  101. })(jQuery);
  102.  
  103. </script>
  104.  
  105.  
  106. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  107.  
  108. <script type="text/javascript"
  109. src="http://static.tumblr.com/5huhcpw/k3elvd7u3/jquery.min.js"></script>
  110. <script type="text/javascript"> $( init );
  111. function init() {
  112. var pageTitle = $('h1').text();
  113. if (pageTitle == "Not Found"){
  114. $('.caption>p').replaceWith( "<p>Enter your own message here.</p>" ); }}
  115. </script>
  116.  
  117.  
  118.  
  119. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  120. <script type="text/javascript">
  121. $(document).ready(function(){
  122. $(".links_body").hide();
  123. $(".links_head").click(function(){
  124. $(this).next(".links_body").slideToggle('fast');
  125. }); }); </script>
  126.  
  127. <style type="text/css">
  128. #s-m-t-tooltip{
  129. max-width:300px;
  130. margin-top:-50px;
  131. margin-left:-20px;
  132.  
  133. border:2px solid white;
  134. box-shadow: 0px 0px 0px 2px {color:tooltip};
  135. font-family:consolas;
  136. padding:5px 5px;
  137. background:{color:tooltip}; /*if you're changing the color in the code, make sure this is the same as the s-m-t:after */
  138. color:{color:tooltip text};
  139. z-index:99999999;
  140. font-size:12px;
  141. text-transform:uppercase;
  142. }
  143.  
  144.  
  145. /* don't touch this, this is the what makes it look like a speech bubble */
  146. #s-m-t-tooltip:after{
  147.  
  148. content: '';
  149. position: absolute;
  150. border-style: solid;
  151. border-width: 8px 10px 0;
  152. border-color: {color:tooltip} transparent;
  153. display: block;
  154. width: 0;
  155. z-index: 1;
  156. bottom: -10px;
  157. left: 10%;}
  158.  
  159. .reblob{ opacity:0;
  160. z-index:9999;
  161. position:absolute;
  162. margin-left:320px;
  163. margin-top:-20px;
  164. letter-spacing: .5px;
  165. text-transform: lowercase;
  166. transition:.6s;
  167.  
  168.  
  169. }
  170. .post:hover .reblob{opacity:1; transition:.6s;}
  171.  
  172.  
  173. ::selection {
  174. background: {color:selection background}; /* WebKit/Blink Browsers */color:{color:selection text};
  175. }
  176. ::-moz-selection {
  177. background: {color:selection background}; /* Gecko Browsers */color:{color:selection text};
  178. }
  179.  
  180. ::-webkit-scrollbar {
  181. width: 10px;
  182. height: 2px;
  183. }
  184. ::-webkit-scrollbar-button {
  185. width: 0px;
  186. height: 0px;
  187. }
  188. ::-webkit-scrollbar-thumb {
  189. background: {color:scrollbar};
  190. border: 0px none #ffffff;
  191. border-radius: 0px;
  192. }
  193. ::-webkit-scrollbar-track {
  194. background: {color:scrollbar background};
  195. border: 0px none #ffffff;}
  196.  
  197.  
  198.  
  199. body{
  200. color:{color:text};
  201. font-family: 'consolas';
  202. font-size:14px;
  203. margin:0;
  204. padding: 0;
  205. word-wrap:break-word;
  206. background:{color:background} url({image:background})
  207.  
  208.  
  209. {block:iffullbackground} no-repeat center center fixed;
  210. -webkit-background-size: cover;
  211. -moz-background-size: cover;
  212. -o-background-size: cover;
  213. background-size: cover; {/block:iffullbackground};
  214. background-attachment:fixed;
  215.  
  216. }
  217.  
  218. b {color:{color:bold};}
  219.  
  220. i {color:{color:italic};}
  221.  
  222.  
  223. h1 {
  224. font-size:15px;text-align:center;
  225. line-height:80%;
  226. letter-spacing:1px;
  227. font-size:15.2px;
  228. margin-top:100px;
  229. font-weight:bold;
  230. font-family:'consolas';
  231. padding:10px;
  232. font-weight:italic;
  233. }
  234. h2 {
  235. font-family:'consolas';
  236. font-size:19px;text-align:center;
  237. font-weight:italic;
  238. line-height:80%;border:1px solid {color:border};
  239. letter-spacing:1px;
  240. background-color:{color:h2}; padding:6px; font-weight:italic;
  241. }
  242.  
  243.  
  244.  
  245. a { color:{color:links};
  246. font-family:'consolas';
  247. text-decoration:none;-moz-transition-duration:0.5s;
  248. -webkit-transition-duration:0.5s;
  249. -o-transition-duration:0.5s;}
  250. a:hover {color:{color:hover};}
  251.  
  252. blockquote {
  253. margin:0;
  254. padding-left:10px;
  255. overflow-x:auto;
  256. font-family:'consolas';
  257. color:{color:text};
  258. border-left:2px solid {color: Border};
  259. padding-left:5px;
  260. margin-left:8px;
  261.  
  262. }
  263.  
  264. blockquote img {max-width:100%;}
  265.  
  266.  
  267.  
  268. #pagination {
  269. position:fixed;
  270. bottom:30px;
  271. font-size:20px;
  272. right:200px;}
  273.  
  274. #pagination a {
  275. line-height:10px;
  276.  
  277. }
  278.  
  279. .current_page{
  280.  
  281. font-family:calibri;background-color:{color:current page}; width:20px; padding:6px; font-size:14px; height:10px;
  282. border-bottom:2px solid {color:selection background};}
  283.  
  284. .jump_page{background-color:{color:jump page}; transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; height:10px;font-size:14px;padding:6px; border-bottom:2px solid {color:links};
  285.  
  286. width:20px;
  287.  
  288. font-family:calibri; height:14px;
  289. }
  290.  
  291. .jump_page:hover{opacity:.8; background:{color:jump page hover};}
  292. .jump_page a:hover {color:{color:jump page hover text};}
  293.  
  294.  
  295.  
  296. #sidebar {margin-top:-50px;
  297. margin-left:210px;
  298. position:fixed;
  299. width:250px;
  300. color:{color:desciption text}; }
  301.  
  302.  
  303.  
  304. #sidebar img{width:120px; background: {color:posts}; max-height:120px; border:1px solid {color:border};}
  305.  
  306. #description{
  307. border:1px solid {color:border};
  308. background:{color:sidebar};
  309. word-spacing:2px;
  310. font-family:consolas;
  311. font-size:14px;
  312. text-align:center;
  313.  
  314. color:{color:description text};
  315. width:120px;
  316. letter-spacing:1px;
  317.  
  318. }
  319.  
  320. .links_list { margin:0px; padding:2px; width:100%; font-size:12px; text-align:center;}
  321. .links_head { cursor:pointer; position:relative; margin:1px; text-align:center;}
  322. .links_body { padding:2px; text-align:center; display:none;}
  323.  
  324.  
  325.  
  326. #posts {
  327. position:absolute;
  328. margin:auto;
  329. left:0;
  330. right:0;
  331. top:0px;width:500px;background:{color:container}; max-height:100%; overflow:auto;
  332. bottom:0px; border-width:0px 1px 0px 1px;
  333. border-style:solid;
  334. border-color:{color:border};
  335. }
  336. .container{ width:420px;margin-top:20px;}
  337.  
  338.  
  339. .post {
  340. visibility:visible;
  341. font-family:'consolas';
  342. color:{color:text};
  343. font-size:14px;
  344. width:400px;
  345. position:relative;
  346. {block:permalinkpage}width:410px;{/block:permalinkpage}
  347. margin:10px 0 50px 40px;
  348. background:{color:posts} url('{image:post bg}');
  349. -webkit-transition:.5s;
  350. transition:.5s;
  351. box-shadow:12px 12px 0px {color:post shadow};
  352.  
  353. }
  354. .post a{font-family: 'consolas';
  355. font-size:12px;
  356. }
  357. .post a:hover{color:{color:hover};}
  358. .post img {max-width:100%;}
  359.  
  360. .caption{padding:10px;}
  361. .chat {
  362. padding:5px;
  363. line-height:150%;
  364. border-radius:2px; }
  365.  
  366. .chat:nth-of-type(odd) {
  367. background:{color:text};
  368. color:{color:posts};
  369. -webkit-transition:.5s;
  370. transition:.5s; }
  371.  
  372. .chat:nth-of-type(even) {
  373. background:{color:posts};
  374. color:{color:text};
  375. -webkit-transition:.5s;
  376. transition:.5s; }
  377.  
  378.  
  379.  
  380. #albumart{
  381. z-index:2;
  382. width:150px;
  383. height:150px;
  384. border-radius:100%;
  385.  
  386. }
  387.  
  388. .dinky {
  389. float:left;
  390. }
  391.  
  392.  
  393. #albumart img{
  394. background:{color:highlight};
  395. width:150px;
  396. border-radius:100%;
  397. height:150px;
  398. padding:2px;
  399. border:1px solid transparent;
  400. border-width:0px; transition:.6s;
  401.  
  402. }
  403.  
  404. .dinky:hover #albumart img{transform:rotate(300deg); transition:.6s;}
  405.  
  406.  
  407. .player {
  408. width:28px;
  409. overflow:hidden;
  410. height:40px;
  411. padding:0px;
  412. padding-top:10px;
  413. padding-left:4px;
  414. margin-left:8px;
  415. transform:scale(1.32);
  416. border-radius:90px;
  417. position:relative;
  418.  
  419.  
  420. }
  421.  
  422.  
  423. .playercon {
  424. width:50px;
  425. height:50px;
  426. background:{color:posts};
  427. border-radius:90px;
  428. position:relative;
  429. margin-top:-100px;
  430. margin-left:50px;
  431.  
  432. border:1px solid transparent;
  433. -webkit-transition-duration:500ms;
  434. -moz-transition-duration:500ms;
  435. -o-transition-duration:500ms;
  436. -ms-transition-duration:500ms;
  437. }
  438.  
  439. .donkey {
  440. float:left top;
  441. margin-left:150px;
  442. background-color:transparent;
  443. padding:20px;
  444.  
  445. height:110px;
  446. text-align:center;
  447. color:{color:text};
  448. }
  449.  
  450. .track {
  451.  
  452. font-size:12px;
  453. letter-spacing:4px;
  454. border-bottom:1px solid {color:info border};
  455. padding:10px;
  456. font-weight:300;
  457. text-transform:uppercase; transition:.6s;
  458. color:#333;
  459.  
  460.  
  461. }
  462. .artist {
  463. letter-spacing:1px;
  464. font-style:italic;
  465.  
  466.  
  467.  
  468. }
  469.  
  470. .playcount {
  471. font-size:9px;
  472.  
  473. text-transform:uppercase;
  474. letter-spacing:3px;
  475. }
  476.  
  477.  
  478. #audiolo {
  479.  
  480. width:400px;
  481.  
  482.  
  483. }
  484.  
  485. .speechbubble {
  486. width:280px;
  487. position: relative;
  488. background:{color:ask bubble} ;
  489. left:70px;
  490. color:{color:ask bubble text};
  491. margin: 0;
  492. padding:8px;
  493. text-align:left;
  494.  
  495. box-shadow: 0px 0 1px rgba(0,0,0,0);
  496. }
  497. .speechbubble a{background:none;}
  498.  
  499.  
  500. .speechbubble:after {
  501. position: absolute;
  502. content: "";
  503. border-color: {color:ask bubble} transparent transparent transparent;
  504. border-style: solid;
  505. border-width: 15px 15px 0px;
  506. height:0;
  507. width:0;
  508. position:absolute;
  509. left:-15px;
  510. top:10px;
  511. }
  512.  
  513.  
  514.  
  515.  
  516.  
  517. .info {
  518. padding:10px;
  519.  
  520. font-family:'consolas';
  521. background:{color:info background};
  522. -webkit-transition:.5s;
  523. transition:.5s;
  524. color:{color:post info};
  525. }
  526.  
  527. .info a{font-size:14px; color:{color:post info}; font-family:'consolas'; }
  528.  
  529.  
  530.  
  531. .tag {
  532.  
  533. border-radius:2px; opacity:0;
  534. -webkit-transition:.8s;
  535. transition:.8s;
  536. overflow:hidden;
  537. color:{color:tags}; height:0px;}
  538.  
  539.  
  540. .tag a{
  541. color:{color:tags};
  542.  
  543. }
  544.  
  545. .post:hover .tag {
  546. margin-top:5px;
  547. height:auto; opacity:1;
  548. -webkit-transition:.8s;
  549. transition:.8s; }
  550. #player {
  551. width: 400px;
  552. height: 50px;
  553. }
  554.  
  555.  
  556.  
  557.  
  558.  
  559. #tag {
  560. margin-top: 3px;
  561. font-family: 'consolas';
  562. font-size: 12px;
  563. color: {color:post info};
  564. }
  565.  
  566. #permalink {
  567. margin: 5px 0px 20px 0px;
  568. width: 400px;
  569. font-family: 'consolas'';
  570. font-size: 10px;
  571. color: {color:permalink};
  572. }
  573.  
  574. #egg { opacity:.8;left:10px; bottom:10px; position:fixed;bottom:4px;display:block; width: 14px; height: 18px; background-color:#FFFEFC; -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  575. font-family: "bitxmap";
  576. border:1px solid #888; z-index:4;
  577.  
  578. }
  579. #egg:hover { animation-name: egg;
  580. animation-duration: 1s;
  581. animation-iteration-count: infinite;}
  582. @keyframes egg{
  583. 0%{}
  584. 10%{transform:rotate(20deg)}
  585. 80%{transform:rotate(-20deg)}
  586. 100%{}
  587. }
  588.  
  589.  
  590.  
  591.  
  592. ol.notes{position:relative;
  593.  
  594. margin:20px auto;
  595. width:100%; padding:10px;
  596.  
  597. }
  598.  
  599. .notes li{list-style:none;
  600. margin:10px;
  601. background:{color:posts};
  602. padding:10px;
  603. text-align:center;
  604.  
  605. font-size:13.4px;
  606.  
  607. }
  608.  
  609. .notes li img{ padding:10px; border-right:2px solid {color:background};
  610. border-bottom:2px solid {color:background};
  611. width:16px; position:absolute; left:18px; margin-top:-10px;}
  612.  
  613. {CustomCSS}</style>
  614. <style>
  615.  
  616. .post.text{height:0;}
  617. {block:IndexPage}
  618. .nsfw{color:{color:post warning text};
  619. overflow:hidden;
  620. height:40px;
  621. }
  622. .nsfw img {display:none;}
  623. .tet{display:none; height:40px; padding:10px;}
  624.  
  625. .nsfw .tet{display:block; z-index:999999; color:{color:post warning text};
  626.  
  627.  
  628.  
  629. }
  630.  
  631. {/block:IndexPage}
  632.  
  633.  
  634. {block:PermalinkPage}
  635. .tet{
  636. display:none; }
  637. .nsfw .tet{
  638. display:none; }
  639.  
  640. {/block:PermalinkPage}
  641.  
  642.  
  643. {block:TagPage}
  644. .nsfw {
  645. height:auto;
  646. }
  647. .nsfw img{display:block;}
  648. .nsfw .tet{display:none;}
  649. .tet{display:block; z-index:999999;
  650. display:none; }
  651.  
  652. {/block:TagPage}
  653. </style>
  654. </head>
  655. <body>
  656.  
  657.  
  658. <div id="sidebar">
  659. <center>
  660.  
  661. <div id="title">
  662. <a href="/" title="refresh">
  663. <h1>{Title}</h1></a>
  664. </div>
  665. <a href="/">
  666. <img src="{image:sidebar}">
  667.  
  668. </a>
  669.  
  670.  
  671. <div id="description">
  672. <div class="caption">
  673. {description}</div></div>
  674. <div id="description" style="margin-top:4px">
  675. <div class="caption"><center>
  676.  
  677. <a href="/" class="fa fa-home" style="font-size:16px;"></a> <a href="/ask" class="fa fa-envelope" style="font-size:16px"></a>
  678. <a href="http://tumblr.com/dashboard?conversation={name}" class="fa fa-comments" style="font-size:16px"></a> <a href="/archive" class="fa fa-clock-o" style="font-size:16px"></a> <br></center>
  679. <div class="links_list">
  680. <p class="links_head" ><a title="click for links">
  681. <i class="fa fa-bars" style="font-size:16px;"></i></a></p>
  682. <div class="links_body">
  683.  
  684. <a href="{text:url1}">{text:link1}</a><br>
  685. <a href="{text:url2}">{text:link2}</a><br>
  686. <a href="{text:url3}">{text:link3}</a><br>
  687. <a href="{text:url4}">{text:link4}</a><br>
  688. </div></div></div>
  689.  
  690. </center>
  691.  
  692. </div>
  693.  
  694.  
  695.  
  696.  
  697.  
  698. </div>
  699. <a href="http://espoirthemes.tumblr.com" title="credit"><div id="egg"></div></a>
  700. <div id="posts">
  701. <div class="container">
  702.  
  703.  
  704. {block:Posts}
  705. <!-- {block:NoRebloggedFrom}
  706. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  707. {/block:NoRebloggedFrom} -->
  708. {block:ContentSource}
  709. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  710. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  711. {/block:SourceLogo}
  712. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  713. {/block:ContentSource}
  714.  
  715.  
  716. <div class="post {TagsAsClasses}">
  717. <div class="reblob"><a href="{ReblogURL}" target="_blank" class="details"> +Reblog</a></div>
  718.  
  719. <div class="tet" style="color:{color:post warning text}"><font style="color:{color:post warning text}">this post is nsfw. to view it, go </font><a href="{permalink}">[here]</a></div>
  720.  
  721. {block:Text}{block:Title}<a href="{Permalink}" style="background:transparent; padding:0;"><h1>{title}</h1></a>{/block:Title}<div class="caption">{Body}</div>{/block:Text}
  722.  
  723. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-400}"></center>{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  724.  
  725. {block:Panorama}{LinkOpenTag}<center><img src="{PhotoURL-400}"></center>{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Panorama}
  726.  
  727. {block:Photoset}{Photoset}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  728.  
  729. {block:Quote}<h1><i>"{Quote}"</i></h1><p align="right">{block:Source}- {Source}{/block:Source}{/block:Quote}
  730.  
  731. {block:Link}<h1><a href="{URL}" target="{Target}" style="color:{color:link};"> » {Name} » </a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  732.  
  733. {block:Chat}{block:Title}<a href="{Permalink}" style="background:transparent; padding:0;"><h1>{title}</h1></a>{/block:Title}{block:Lines}<div class="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br/></div>{/block:Lines}{/block:Chat}
  734.  
  735. {block:Audio}
  736. <div id="audiolo">
  737. <div class="dinky">
  738. <div id="albumart"> {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  739.  
  740. <div class="playercon"><div class="player">{AudioPlayerWhite}</div></div></div>
  741. <div class="donkey">
  742. <div class="track"> {block:TrackName}
  743. {TrackName}
  744. {/block:TrackName} </div>
  745.  
  746.  
  747. <div class="artist">
  748. {block:Artist}{Artist}
  749. {/block:Artist} </div>
  750.  
  751. <div class="album">
  752. {block:Album}
  753. {Album}
  754. {/block:Album}
  755. </div>
  756.  
  757. <div class="playcount">
  758.  
  759. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  760. </div></div>
  761.  
  762. {block:caption}<div class="text">{caption}</div> {/block:Caption}
  763.  
  764. {/block:Audio}
  765.  
  766. {block:Video}{VideoEmbed-400}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  767.  
  768. {block:Answer}
  769. <br>
  770. <div class="askerportrait"><img style=" margin-left:10px; width:40px;" src="{AskerPortraitURL-40}" align="left" /></div><div class="speechbubble">{Asker} {text:asked}: {Question}</div>
  771.  
  772. <br>{answer}
  773.  
  774.  
  775. {/block:Answer}
  776.  
  777. {block:Date}<div class="info"><a href="{Permalink}" title="{lang:Permalink}">{TimeAgo} </a>{/block:Date}{block:NoteCount} <a href="{Permalink}" title="{lang:Permalink}" style="float:right;">{NoteCount} {text:notes} </a>{/block:NoteCount}
  778. {block:PermalinkPage}<br>
  779. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:RebloggedFrom}{/block:PermalinkPage} </div>
  780. {block:HasTags}<div class="tag">{block:Tags} <a href="{TagURL}">{text:tags}{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  781.  
  782.  
  783. </div> {block:PostNotes}<div id="notes">{PostNotes-16}</div>{/block:PostNotes}
  784. {/block:Posts}
  785. </div>
  786. {block:Pagination}
  787. <div id="pagination">
  788. {block:previousPage} <span class ="jump_page"><a href="{PreviousPage}"> &#171;</a></span>{/block:PreviousPage}
  789.  
  790. {block:JumpPagination length="5"}
  791. {block:CurrentPage}
  792. <span class="current_page">{text:current page}</span>
  793. {/block:CurrentPage}
  794.  
  795. {block:JumpPage}
  796. <a class="jump_page" href="{URL}">{PageNumber}</a>
  797. {/block:JumpPage}
  798. {/block:JumpPagination}
  799.  
  800. {block:NextPage} <span class="jump_page">
  801. <a href="{NextPage}"> &#187; </a>
  802. </span>{/block:NextPage}
  803. </div>
  804. {/block:Pagination}
  805.  
  806.  
  807.  
  808. </div>
  809. </body>
  810. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement