Advertisement
ashryver

theme #04 - astralis

Nov 30th, 2015
178
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.63 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}<!--
  9.  
  10.  
  11. theme #04 - astralis
  12.  
  13. by erilium themes / ashryvur
  14.  
  15. thank you for being interested in my theme.
  16. please remember to keep the credit intact,
  17. and all the regular rules apply.
  18.  
  19. have a nice day!
  20.  
  21. --><meta name="color:background" content="#f8f8f8" >
  22. <meta name="color:posts" content="#fff" >
  23. <meta name="color:question" content="#fbfbfb" >
  24. <meta name="color:links" content="#65cece">
  25. <meta name="color:links hover" content="#2e2e2e">
  26. <meta name="color:borders" content="#eee" >
  27. <meta name="color:text" content="#333" >
  28. <meta name="if:small cursor" content="1">
  29. <meta name="select:font size" content="10px" title="10px">
  30. <meta name="select:font size" content="12px" title="12px">
  31. <meta name="select:font size" content="13px" title="13px">
  32. <meta name="text:subtitle" content="your second title">
  33. <meta name="text:link 1 url" content="/">
  34. <meta name="text:link 1 title" content="link 1">
  35. <meta name="text:link 2 url" content="/">
  36. <meta name="text:link 2 title" content="link 2">
  37. <meta name="text:link 3 url" content="/">
  38. <meta name="text:link 3 title" content="link 3">
  39.  
  40.  
  41. <!-- gf -->
  42. <link href='https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
  43. <!-- fa -->
  44. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  45.  
  46. <!-- tt -->
  47. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  48. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  49. <script>
  50. (function($){
  51. $(document).ready(function(){
  52. $("[title]").style_my_tooltips({
  53. tip_follows_cursor:true,
  54. tip_delay_time:200,
  55. tip_fade_speed:300
  56. });
  57. });
  58. })(jQuery);
  59. </script>
  60.  
  61. <!-- jquery -->
  62. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  63.  
  64.  
  65.  
  66. <style type="text/css">
  67. ::-webkit-scrollbar {width: 5px;}
  68. ::-webkit-scrollbar-track { background-color:inherit;}
  69. ::-webkit-scrollbar-thumb { background-color:#aaa; border-radius:100px; }
  70. #tumblr_controls {opacity: 0.1; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.0.5s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;-webkit-filter: invert(100%); color:{color:links};}
  71. #tumblr_controls:hover {opacity: 0.3; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  72.  
  73. {block:ifsmallcursor}*,body { cursor: url(http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto; } {/block:ifsmallcursor}
  74.  
  75. #s-m-t-tooltip {
  76. max-width:350px;
  77. padding:2px;
  78. top:50%;
  79. margin:15px;
  80. border:1px solid #eeeeee;
  81. border-radius:0px;
  82. background:#ffffff;
  83. color:#555;
  84. z-index:999999;
  85. min-height:10px;
  86. font-size:9px;
  87. font-style:none;
  88. letter-spacing:2px;
  89. font-family:calibri;
  90. text-transform:uppercase;
  91. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  92. }
  93.  
  94. body {
  95. letter-spacing:0.5px;
  96. font-weight:300;
  97. background:{color:background};
  98. color:{color:text};
  99. font-family:'Lato';
  100. line-height:150%;
  101. margin:0 auto;
  102. font-size:{select:font size};
  103. text-align:left;
  104. }
  105.  
  106. u { text-decoration:none; border-bottom:1px solid {color:borders}; padding-bottom:.5px; }
  107.  
  108. a {
  109. color:{color:links};
  110. text-decoration:none;
  111. }
  112.  
  113. a:hover {
  114. color:{color:links hover};
  115. transition:1s;
  116. -webkit-transition:1s;
  117. -moz-transition:1s;
  118. -o-transition:1s;
  119. }
  120.  
  121. a { transition:1s;
  122. -webkit-transition:1s;
  123. -moz-transition:1s;
  124. -o-transition:1s; }
  125.  
  126. img {
  127. opacity:1;
  128. text-decoration:none;
  129. }
  130.  
  131.  
  132. h1 {
  133. color:{color:titles};
  134. padding-bottom:7px;
  135. font-size:14px;
  136. font-weight:normal;
  137. font-family:'Lato';
  138. line-height:150%;
  139. text-transform:uppercase;
  140. }
  141.  
  142. blockquote {
  143. padding-left:10px;
  144. margin:10px;
  145. border-left:1px solid {color:borders};
  146. }
  147.  
  148.  
  149.  
  150. .pagination {
  151. margin-top: -50px;
  152. margin-bottom:100px;
  153. margin-left:50%;
  154. background-color:{color:background};
  155. }
  156.  
  157. .pagination a { border:1px solid {color:borders};
  158. padding:5px;
  159. text-align:center;
  160. }
  161.  
  162.  
  163. .entries {
  164. width: 250px;
  165. margin:0 auto;
  166. }
  167.  
  168. .posts {
  169. background-color:{color:posts};
  170. margin:0 auto;
  171. width:250px;
  172. margin-bottom:50px;
  173. }
  174.  
  175. .posts p {
  176. padding:10px;
  177. }
  178.  
  179. .posts h1 { padding:10px; }
  180.  
  181.  
  182. .quote {
  183. padding:10px;
  184. line-height: 22px;
  185. font-size:16px;
  186. text-align:left;
  187. }
  188.  
  189.  
  190.  
  191. .quotesource {
  192. padding:10px;
  193. text-align:right;
  194. }
  195.  
  196.  
  197.  
  198. .chat {
  199. line-height:150%;
  200. list-style:none;
  201. }
  202.  
  203. .line.even {
  204. padding:10px;
  205. background:#fbfbfb;
  206. }
  207.  
  208. .line.odd {
  209. padding:10px;
  210. }
  211.  
  212. .label {
  213. text-transform:uppercase;
  214. font-size:10px;
  215. letter-spacing:1px;
  216. font-weight:400;
  217. }
  218.  
  219.  
  220.  
  221. .cover {
  222. position:relative;
  223. z-index:0.5;
  224. max-width:100px;
  225. padding:10px;
  226. float:left;
  227. }
  228.  
  229. .playbutton {
  230. width:20px;
  231. height:30px;
  232. overflow:hidden;
  233. position:relative;
  234. z-index:1;
  235. }
  236.  
  237.  
  238. .playbox {
  239. background-color:#000;
  240. position:absolute;
  241. z-index:1;
  242. padding:15px 24px 13px 16px;
  243. margin-top:30px;
  244. margin-left:30px;
  245. opacity:0.2;
  246. }
  247.  
  248. .trackdetails {
  249. padding:10px;
  250. width:auto;
  251. height:100px;
  252. margin-top:10px;
  253. margin-left:100px;
  254. }
  255.  
  256.  
  257. /* THIS IS THE CREDIT. DO NOUHT TOUCH OR REMOVE */
  258. #crd a { color:#65cece; background-color:#fff; font-size:10px;bottom:30px; right:50px; position:fixed; text-transform:uppercase; font-weight:bold; padding:2px; padding-right:6px;}
  259.  
  260.  
  261. .question {
  262. padding:10px;
  263. background:{color:question};
  264. }
  265.  
  266.  
  267. .asker {
  268. text-transform:uppercase;
  269. }
  270.  
  271. .answer {
  272. margin:10px;
  273. }
  274.  
  275. .phpost img { padding-bottom:-10px; }
  276.  
  277. .info {
  278. padding:10px;
  279. text-align:left;
  280. text-transform:uppercase;
  281. border-top:5px solid {color:background};
  282. margin-top:25px;
  283. margin-bottom:0px;
  284. }
  285.  
  286.  
  287. .tags i { opacity: 0.3; color: {color:links hover};}
  288.  
  289. .tags {
  290. margin-left:0px;
  291. text-align:left;
  292. padding-top:5px;
  293. }
  294.  
  295. .tags a {
  296. font-size:9px;
  297. text-transform:uppercase;
  298. margin-right:20px;
  299. letter-spacing:1px;
  300. }
  301.  
  302.  
  303.  
  304. ol.notes {
  305. padding:0px;
  306. margin:25px 0px 0px -10px;
  307. list-style-type:none;
  308. }
  309.  
  310. ol.notes li.note {
  311. padding:10px;
  312. }
  313.  
  314. ol.notes li.note img.avatar {
  315. vertical-align:-4px;
  316. margin-right:10px;
  317. width:16px;
  318. height:16px;
  319. }
  320.  
  321. ol.notes li.note span.action {
  322. font-weight:none;
  323. }
  324.  
  325. ol.notes li.note .answer_content {
  326. font-weight:normal;
  327. }
  328.  
  329. ol.notes li.note blockquote {
  330. padding: 10px;
  331. margin:0px 0px 0px 20px;
  332. }
  333.  
  334. ol.notes li.note blockquote a {
  335. text-decoration:none;
  336. }
  337.  
  338. #dd .ch {
  339. position:fixed;
  340. z-index:99999999;
  341. background-color:{color:background};
  342. margin-left:51%;
  343. text-transform:uppercase ;
  344. font-size:18px;
  345. border:1.5px solid {color:borders};
  346. padding:8px;
  347. top:0px;
  348. }
  349.  
  350. #dd .sub {
  351. z-index:6666;
  352. background-color:{color:posts};
  353. position:relative;
  354. top:35px;
  355. padding:10px;
  356. width:235px;
  357. margin-left:40.5%;
  358. border:1px solid {color:borders};
  359. }
  360.  
  361. .sub .ico img {
  362. border-radius:100%;
  363. height:70px;
  364. margin-left:43%; }
  365.  
  366. .subti {
  367. text-transform:uppercase;
  368. font-weight:normal;
  369. text-align:center;
  370. }
  371.  
  372. .dsc { text-align:justify; }
  373. .link { margin:0px 10px 0px 10px; text-transform:lowercase; }
  374. .link a { text-align:center; }
  375.  
  376. </style>
  377. </head>
  378.  
  379. <body>
  380. <!-- HEADER -->
  381. <div id="dd">
  382. <a href="#" class="ch"><i>{Title}</i>&nbsp;&nbsp;&nbsp;&nbsp; &#x25be;<br></a>
  383. <div class="sub">
  384. <div class="ico"><img src="{Favicon}"></div>
  385. <h3 class="subti">{Text:subtitle}</h3>
  386. <p class="dsc">{Description}</p>
  387. <a href="/" class="link" title="home">index</a> //
  388. <a href="/ask" class="link" title="message">message</a> //
  389. <a href="{text:link 1 url}" class="link" title="{text:link 1 title}">{text:link 1 title}</a> //
  390. <a href="{text:link 2 url}" class="link" title="{text:link 2 title}">{text:link 2 title}</a> //
  391. <a href="{text:link 3 url}" class="link" title="{text:link 3 title}">{text:link 3 title}</a>
  392. </div>
  393. </div>
  394.  
  395.  
  396.  
  397. <!-- POSTS -->
  398. <div class="entries">
  399.  
  400. {block:Posts}
  401.  
  402. <div class="posts">
  403. {block:Text}
  404. {block:Title}<h1>{Title}</h1>{/block:Title}
  405. {Body}
  406. <center>
  407. {block:Date}<div class="info">
  408. <a href="{Permalink}" title="{notecount} notes"><b>N</b></a>
  409. &nbsp;&nbsp;
  410. <b><a href="{Permalink}" title="{TimeAgo}"><i class="fa fa-clock-o"></i></b></a>
  411. &nbsp;&nbsp;
  412. <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><i class="fa fa-refresh"></i></a>
  413. {/block:Date}
  414. <font style="float:right; font-size:8px">
  415. {block:RebloggedFrom}
  416. <a href="{ReblogParentURL}" title="{ReblogParentName}">origin </a>
  417. {block:ContentSource}
  418. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ creator</a>
  419. {/block:ContentSource}
  420. {/block:RebloggedFrom}
  421. </font>
  422. {block:hastags}
  423. <div class="tags"><i class="fa fa-tags"></i>&nbsp;&nbsp;&nbsp;&nbsp;
  424. {block:tags}
  425. <a href="{TagURL}"># {Tag}</a>
  426. {/block:Tags}
  427. </div>
  428. <div class="like" style="float:right; position:relative; bottom:10px; right:5px;"> </div>
  429. {/block:HasTags}
  430. </div>
  431. </div>
  432. </center>{/block:Text}
  433. </div>
  434.  
  435. <div class="posts">
  436. {block:Photo}
  437. <div class="phpost">
  438. {LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}
  439. {block:Caption}<p>{caption}</p>{/block:Caption}
  440. </div>
  441. <center>
  442. {block:Date}<div class="info">
  443. <a href="{Permalink}" title="{notecount} notes"><b>N</b></a>
  444. &nbsp;&nbsp;
  445. <b><a href="{Permalink}" title="{TimeAgo}"><i class="fa fa-clock-o"></i></b></a>
  446. &nbsp;&nbsp;
  447. <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><i class="fa fa-refresh"></i></a>
  448. {/block:Date}
  449. <font style="float:right; font-size:8px">
  450. {block:RebloggedFrom}
  451. <a href="{ReblogParentURL}" title="{ReblogParentName}">origin </a>
  452. {block:ContentSource}
  453. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ creator</a>
  454. {/block:ContentSource}
  455. {/block:RebloggedFrom}
  456. </font>
  457. {block:hastags}
  458. <div class="tags"><i class="fa fa-tags"></i>&nbsp;&nbsp;&nbsp;&nbsp;
  459. {block:tags}
  460. <a href="{TagURL}"># {Tag}</a>
  461. {/block:Tags}
  462. </div>
  463. <div class="like" style="float:right; position:relative; bottom:10px; right:5px;"> </div>
  464. {/block:HasTags}
  465. </div>
  466. </div>
  467. </center>
  468. {/block:Photo}
  469. </div>
  470.  
  471.  
  472.  
  473. <div class="posts">
  474. {block:Photoset}
  475. {Photoset-250}
  476. {block:Caption}<p>{caption}</p>{/block:Caption}
  477. <center>
  478. {block:Date}<div class="info">
  479. <a href="{Permalink}" title="{notecount} notes"><b>N</b></a>
  480. &nbsp;&nbsp;
  481. <b><a href="{Permalink}" title="{TimeAgo}"><i class="fa fa-clock-o"></i></b></a>
  482. &nbsp;&nbsp;
  483. <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><i class="fa fa-refresh"></i></a>
  484. {/block:Date}
  485. <font style="float:right; font-size:8px">
  486. {block:RebloggedFrom}
  487. <a href="{ReblogParentURL}" title="{ReblogParentName}">origin </a>
  488. {block:ContentSource}
  489. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ creator</a>
  490. {/block:ContentSource}
  491. {/block:RebloggedFrom}
  492. </font>
  493. {block:hastags}
  494. <div class="tags"><i class="fa fa-tags"></i>&nbsp;&nbsp;&nbsp;&nbsp;
  495. {block:tags}
  496. <a href="{TagURL}"># {Tag}</a>
  497. {/block:Tags}
  498. </div>
  499. <div class="like" style="float:right; position:relative; bottom:10px; right:5px;"> </div>
  500. {/block:HasTags}
  501. </div>
  502. </div>
  503. </center>
  504. {/block:Photoset}
  505. </div>
  506.  
  507.  
  508. <div class="posts">
  509. {block:Quote}
  510. <div class="quote"><i class="fa fa-quote-left" stle="display:inline"></i>&nbsp;&nbsp;{Quote}<i class="fa fa-quote-right" style="float:right"></i></div>
  511. {block:Source}<div class="quotesource"> &mdash; {Source}</div>
  512. {/block:Source}
  513. <center>
  514. {block:Date}<div class="info">
  515. <a href="{Permalink}" title="{notecount} notes"><b>N</b></a>
  516. &nbsp;&nbsp;
  517. <b><a href="{Permalink}" title="{TimeAgo}"><i class="fa fa-clock-o"></i></b></a>
  518. &nbsp;&nbsp;
  519. <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><i class="fa fa-refresh"></i></a>
  520. {/block:Date}
  521. <font style="float:right; font-size:8px">
  522. {block:RebloggedFrom}
  523. <a href="{ReblogParentURL}" title="{ReblogParentName}">origin </a>
  524. {block:ContentSource}
  525. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ creator</a>
  526. {/block:ContentSource}
  527. {/block:RebloggedFrom}
  528. </font>
  529. {block:hastags}
  530. <div class="tags"><i class="fa fa-tags"></i>&nbsp;&nbsp;&nbsp;&nbsp;
  531. {block:tags}
  532. <a href="{TagURL}"># {Tag}</a>
  533. {/block:Tags}
  534. </div>
  535. <div class="like" style="float:right; position:relative; bottom:10px; right:5px;"> </div>
  536. {/block:HasTags}
  537. </div>
  538. </div>
  539. </center>
  540. {/block:Quote}
  541. </div>
  542.  
  543.  
  544. <div class="posts">
  545. {block:Link}
  546. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  547. {block:Description}{Description}{/block:Description}
  548. <center>
  549. {block:Date}<div class="info">
  550. <a href="{Permalink}" title="{notecount} notes"><b>N</b></a>
  551. &nbsp;&nbsp;
  552. <b><a href="{Permalink}" title="{TimeAgo}"><i class="fa fa-clock-o"></i></b></a>
  553. &nbsp;&nbsp;
  554. <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><i class="fa fa-refresh"></i></a>
  555. {/block:Date}
  556. <font style="float:right; font-size:8px">
  557. {block:RebloggedFrom}
  558. <a href="{ReblogParentURL}" title="{ReblogParentName}">origin </a>
  559. {block:ContentSource}
  560. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ creator</a>
  561. {/block:ContentSource}
  562. {/block:RebloggedFrom}
  563. </font>
  564. {block:hastags}
  565. <div class="tags"><i class="fa fa-tags"></i>&nbsp;&nbsp;&nbsp;&nbsp;
  566. {block:tags}
  567. <a href="{TagURL}"># {Tag}</a>
  568. {/block:Tags}
  569. </div>
  570. <div class="like" style="float:right; position:relative; bottom:10px; right:5px;"> </div>
  571. {/block:HasTags}
  572. </div>
  573. </div>
  574. </center>
  575. {/block:Link}
  576. </div>
  577.  
  578.  
  579. <div class="posts">
  580. {block:Chat}
  581. {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>
  582. <center>
  583. {block:Date}<div class="info">
  584. <a href="{Permalink}" title="{notecount} notes"><b>N</b></a>
  585. &nbsp;&nbsp;
  586. <b><a href="{Permalink}" title="{TimeAgo}"><i class="fa fa-clock-o"></i></b></a>
  587. &nbsp;&nbsp;
  588. <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><i class="fa fa-refresh"></i></a>
  589. {/block:Date}
  590. <font style="float:right; font-size:8px">
  591. {block:RebloggedFrom}
  592. <a href="{ReblogParentURL}" title="{ReblogParentName}">origin </a>
  593. {block:ContentSource}
  594. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ creator</a>
  595. {/block:ContentSource}
  596. {/block:RebloggedFrom}
  597. </font>
  598. {block:hastags}
  599. <div class="tags"><i class="fa fa-tags"></i>&nbsp;&nbsp;&nbsp;&nbsp;
  600. {block:tags}
  601. <a href="{TagURL}"># {Tag}</a>
  602. {/block:Tags}
  603. </div>
  604. <div class="like" style="float:right; position:relative; bottom:10px; right:5px;"> </div>
  605. {/block:HasTags}
  606. </div>
  607. </div>
  608. </center>
  609. {/block:Chat}
  610. </div>
  611.  
  612.  
  613. <div class="posts">
  614. {block:Audio}
  615. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  616. {block:AlbumArt}
  617. <img src="{AlbumArtURL}" class="cover">
  618. {/block:AlbumArt}
  619. <div class="trackdetails"><br>
  620. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  621. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  622. <b>PLAYS:</b> {FormattedPlayCount}</div>
  623. {block:Caption}
  624. <div class="caption">{Caption}</div>
  625. {/block:Caption}
  626. <center>
  627. {block:Date}<div class="info">
  628. <a href="{Permalink}" title="{notecount} notes"><b>N</b></a>
  629. &nbsp;&nbsp;
  630. <b><a href="{Permalink}" title="{TimeAgo}"><i class="fa fa-clock-o"></i></b></a>
  631. &nbsp;&nbsp;
  632. <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><i class="fa fa-refresh"></i></a>
  633. {/block:Date}
  634. <font style="float:right; font-size:8px">
  635. {block:RebloggedFrom}
  636. <a href="{ReblogParentURL}" title="{ReblogParentName}">origin </a>
  637. {block:ContentSource}
  638. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ creator</a>
  639. {/block:ContentSource}
  640. {/block:RebloggedFrom}
  641. </font>
  642. {block:hastags}
  643. <div class="tags"><i class="fa fa-tags"></i>&nbsp;&nbsp;&nbsp;&nbsp;
  644. {block:tags}
  645. <a href="{TagURL}"># {Tag}</a>
  646. {/block:Tags}
  647. </div>
  648. <div class="like" style="float:right; position:relative; bottom:10px; right:5px;"> </div>
  649. {/block:HasTags}
  650. </div>
  651. </div>
  652. </center>
  653. {/block:Audio}
  654. </div>
  655.  
  656.  
  657. <div class="posts">
  658. {block:Video}
  659. {Video-400}
  660. {block:Caption}<p>{caption}</p>{/block:Caption}
  661. <center>
  662. {block:Date}<div class="info">
  663. <a href="{Permalink}" title="{notecount} notes"><b>N</b></a>
  664. &nbsp;&nbsp;
  665. <b><a href="{Permalink}" title="{TimeAgo}"><i class="fa fa-clock-o"></i></b></a>
  666. &nbsp;&nbsp;
  667. <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><i class="fa fa-refresh"></i></a>
  668. {/block:Date}
  669. <font style="float:right; font-size:8px">
  670. {block:RebloggedFrom}
  671. <a href="{ReblogParentURL}" title="{ReblogParentName}">origin </a>
  672. {block:ContentSource}
  673. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ creator</a>
  674. {/block:ContentSource}
  675. {/block:RebloggedFrom}
  676. </font>
  677. {block:hastags}
  678. <div class="tags"><i class="fa fa-tags"></i>&nbsp;&nbsp;&nbsp;&nbsp;
  679. {block:tags}
  680. <a href="{TagURL}"># {Tag}</a>
  681. {/block:Tags}
  682. </div>
  683. <div class="like" style="float:right; position:relative; bottom:10px; right:5px;"> </div>
  684. {/block:HasTags}
  685. </div>
  686. </div>
  687. </center>
  688. {/block:Video}
  689. </div>
  690.  
  691.  
  692. <div class="posts">
  693. {block:Answer}
  694. <div class="question">
  695. <div class="asker"><b>{Asker} said:</b></div>
  696. {Question}</div>
  697. <div class="answer">
  698. {Answer}</div>
  699. <center>
  700. {block:Date}<div class="info">
  701. <a href="{Permalink}" title="{notecount} notes"><b>N</b></a>
  702. &nbsp;&nbsp;
  703. <b><a href="{Permalink}" title="{TimeAgo}"><i class="fa fa-clock-o"></i></b></a>
  704. &nbsp;&nbsp;
  705. <a href="{ReblogURL}" target="_blank" class="details" title="reblog"><i class="fa fa-refresh"></i></a>
  706. {/block:Date}
  707. <font style="float:right; font-size:8px">
  708. {block:RebloggedFrom}
  709. <a href="{ReblogParentURL}" title="{ReblogParentName}">origin </a>
  710. {block:ContentSource}
  711. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ creator</a>
  712. {/block:ContentSource}
  713. {/block:RebloggedFrom}
  714. </font>
  715. {block:hastags}
  716. <div class="tags"><i class="fa fa-tags"></i>&nbsp;&nbsp;&nbsp;&nbsp;
  717. {block:tags}
  718. <a href="{TagURL}"># {Tag}</a>
  719. {/block:Tags}
  720. </div>
  721. <div class="like" style="float:right; position:relative; bottom:10px; right:5px;"> </div>
  722. {/block:HasTags}
  723. </div>
  724. </div>
  725. </center>
  726. {/block:Answer}
  727. </div>
  728.  
  729. <note style="border:1px solid {color:borders}">
  730. {block:PostNotes}
  731. {PostNotes}
  732. {/block:PostNotes}
  733. </note>
  734. {/block:Posts}
  735.  
  736. {block:ContentSource}
  737. <!---{SourceURL}{block:SourceLogo}<img src=”{WhiteLogoURL}”
  738. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  739. {/block:SourceLogo}
  740. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  741. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  742.  
  743.  
  744. <!-- CREDIT. DO NOT TOUCH OR REMOVE -->
  745. <div id="crd">
  746. <a href="http://crescendothemes.tumblr.com" title="theme &copy;"><i>cC</i></a>
  747. </div>
  748.  
  749.  
  750. <!-- sls script -->
  751. <script type="text/javascript">
  752. jQuery(document).ready(function() {
  753. jQuery(".sub").hide();
  754. //toggle the componenet with class msg_body
  755. jQuery(".ch").click(function()
  756. {
  757. jQuery(this).next(".sub").slideToggle(500);
  758. });});
  759. </script>
  760. </body>
  761. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement