API tools faq
paste
cherrybearr

Theme 11 (Peach)

cherrybearr
Jan 13th, 2016
338
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.97 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Peach Theme made by Lilcherrybearr: lilcherrybearr.tumblr.com
  3. *Note: There is a loading screen included. Go back to theme options and toggle it on. If you want to use the mushroom loading screen, you need to toggle both loading screen and mushroom screen. You can also upload your own loading screen picture; make sure you turn off the default one if you decide you want custom.
  4. -->
  5.  
  6.  
  7. <html>
  8. <head>
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15. <meta name="image:background" content="https://theartmad.com/wp-content/uploads/Gold-And-Pink-Polka-Dots-Wallpaper-06.jpg" />
  16. <meta name="font:font" content="" />
  17. <meta name="color:background color" content="" />
  18. <meta name="color:border color" content="#fface7" />
  19. <meta name="if:loading screen" content="" />
  20. <meta name="if:mushroom loading picture" content="" />
  21. <meta name="image:custom loading picture" content="" />
  22.  
  23. <script type="text/javascript"
  24. src="https://www.google.com/jsapi"></script>
  25.  
  26. <script>
  27. var time = 320;
  28. </script>
  29.  
  30. <script type="text/javascript">
  31. google.load("jquery", "1.3");
  32. google.setOnLoadCallback(function() {
  33. jQuery(function($) {
  34. // do some stuff here, eg load your tweets, ...
  35. $('#loading').delay(5).fadeOut();
  36. //loading screen fade out
  37.  
  38. $('.pagination').delay(2000).fadeIn();
  39. //pagination delayed start up
  40.  
  41. $('#peach').mouseenter(function(){
  42. $('#sidebar').css("margin-left","125px");
  43. $('.pagination').fadeOut("fast");
  44. });
  45. $('#all_sidebar').mouseleave(function(){
  46. $('#sidebar').css("margin-left","-200px");
  47. $('.pagination').fadeIn("fast");
  48. });
  49. //peach moves to the side, description appears, pagination disappears
  50.  
  51. function slide ($icon,$label) {
  52. $($icon).mouseover(function(){
  53. $($label).fadeIn(time).css("margin-left","40px");
  54. });
  55. $('#links li').mouseleave(function(){
  56. $($label).fadeOut(time).css("margin-left","-100px");
  57. });
  58. }
  59. slide ('#home_icon','#home');
  60. slide ('#ask_icon','#ask');
  61. slide ('#submit_icon','#submit');
  62. slide ('#archive_icon','#archive');
  63. slide ('#theme_icon','#theme');
  64. //sidebar hover effects
  65.  
  66. });
  67. });
  68.  
  69. </script>
  70.  
  71. <!--Multi-column script-->
  72. <script type="text/javascript" src="https://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  73. <script src="https://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  74.  
  75. <script type="text/javascript">
  76. $(window).load(function () {
  77. $('#content').masonry({
  78. itemSelector : "#posts2",
  79. },
  80. function() { $('#content').masonry({ appendedContent: $(this) }); }
  81. );
  82. });
  83. </script>
  84.  
  85. </head>
  86. <style>
  87.  
  88. /*General things*/
  89. @charset "UTF-8";
  90. :before, :after {
  91. content: '';
  92. display: block;
  93. position: absolute;
  94. }
  95.  
  96. body {
  97. background:url({image:background});
  98. background-color:{color:background color};
  99. background-attachment:fixed;
  100. font-family:{font:font};
  101. font-size:11px;
  102. overflow-x:hidden;
  103. }
  104.  
  105. a {
  106. text-decoration:none;
  107. font-size:11px;
  108. color:white;
  109. }
  110. a:hover {
  111. opacity:.7;
  112. }
  113.  
  114. ::-webkit-scrollbar {
  115. width:7px;
  116. height:7px;
  117. background-color:black;
  118. }
  119. ::-webkit-scrollbar-thumb {
  120. background-color:yellow;
  121. border-radius:20px;
  122. box-shadow:1px 2px 3px black;
  123. }
  124.  
  125.  
  126. /*Post content*/
  127. #content {
  128. width:1200px;
  129. margin-left:370px;
  130. margin-top:20px;
  131. z-index:-1;
  132. }
  133.  
  134. #posts2 {
  135. float:left;
  136. width:470px;
  137. margin-top:10px;
  138. }
  139. .posts {
  140. margin:5px;
  141. {block:IndexPage}width:400px;{/block:IndexPage}
  142. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  143. padding:10px;
  144. padding-top:30px;
  145. overflow-x:auto;
  146. overflow-y:hidden;
  147. position:relative;
  148. background-color:white;
  149. border:1px solid white;
  150. border-radius:10px;
  151. margin-top:20px;
  152. }
  153. .posts:hover {
  154. overflow-x:visible;
  155. }
  156. .posts img {
  157. margin-left:0px;
  158. }
  159. .posts a {
  160. color:gray;
  161. }
  162.  
  163. blockquote {
  164. border-left:1px solid black;
  165. padding-left:5px;
  166. margin-left:5px;
  167. width:380px;
  168. }
  169.  
  170. #title a{
  171. color:black;
  172. font-size:15px;
  173. }
  174.  
  175. /*Chat posts*/
  176. .chat {
  177. list-style-type:none;
  178. margin-left:-25px;
  179. }
  180. .chat li{
  181. padding:2px;
  182. }
  183. .label {
  184. font-weight:bold;
  185. color:gray;
  186. }
  187.  
  188. /*Ask Posts*/
  189. .asker-avatar {
  190. border-radius:50px;
  191. position:absolute;
  192. }
  193. .asker1 {
  194. list-style-type:none;
  195. width:350px;
  196. float:right;
  197. padding-bottom:10px;
  198. padding-left:50px;
  199. }
  200. #question {
  201. width:400px;
  202. }
  203. #asker_name {
  204. background-color:{color:border color};
  205. padding:2px;
  206. }
  207. .asker-question {
  208. margin-top:5px;
  209. width:360px;
  210. }
  211.  
  212. .answerer-avatar {
  213. border-radius:50px;
  214. top:20px;
  215. }
  216. .answerer a{
  217. background-color:{color:border color};
  218. padding:2px;
  219. }
  220. .answerer1 {
  221. list-style-type:none;
  222. width:350px;
  223. float:right;
  224. margin-top:-20px;
  225. padding-left:50px;
  226. }
  227. .answerer-answer {
  228. margin-top:5px;
  229. }
  230.  
  231. /*Note container*/
  232. #notecontainer{
  233. background-color:white;
  234. border-radius:10px;
  235. width:520px;
  236. }
  237. #notecontainer a {
  238. color:gray;
  239. }
  240.  
  241. /*Tags*/
  242. #tags {
  243. border-top:2px dotted {color:border color};
  244. width:400px;
  245. padding:5px;
  246. }
  247. #tags a {
  248. color:{color:border color};
  249. }
  250.  
  251. /*Permalink*/
  252. #permalink {
  253. background-color:gray;
  254. margin-top:20px;
  255. margin-left:0px;
  256. position:absolute;
  257. height:10px;
  258. width:00px;
  259. z-index:1;
  260. }
  261. #notenum {
  262. background-color:black;
  263. border-radius:50px;
  264. position:absolute;
  265. padding:5px;
  266. margin-left:50px;
  267. }
  268. #date {
  269. margin-left:45px;
  270. background-color:{color:border color};
  271. {block:IndexPage}width:412px;{/block:IndexPage}
  272. {block:PermalinkPage}width:512px;{/block:PermalinkPage}
  273. border-top-right-radius:10px;
  274. border-top-left-radius:10px;
  275. padding:5px;
  276. z-index:1;
  277. float:left;
  278. text-align:center;
  279. height:15px;
  280. }
  281.  
  282. .like_and_reblog_buttons {
  283. position:relative;
  284. list-style-type:none;
  285. float:right;
  286. padding:3px;
  287. width:70px;
  288. margin-top:-5px;
  289. }
  290. .like_and_reblog_buttons li {
  291. display:inline-block;
  292. padding:3px;
  293. border-radius:50px;
  294. }
  295.  
  296.  
  297. /*Sidebar*/
  298. #peach {
  299. position:absolute;
  300. position:fixed;
  301. margin-top:320px;
  302. height:400px;
  303. width:280px;
  304. z-index:2;
  305. margin-left:-15px;
  306. -webkit-transition:all .7s ease-in-out;
  307. -moz-transition:all .7s ease-in-out;
  308. }
  309. #peach:hover {
  310. margin-left:-75px;
  311. }
  312.  
  313. #parasol {
  314. height:150px;
  315. width:150px;
  316. padding:10px;
  317. position:absolute;
  318. position:fixed;
  319. margin-left:250px;
  320. margin-top:450px;
  321. z-index:3;
  322. -webkit-animation: floating 3.5s infinite;
  323. -moz-animation: floating 3.5s infinite;
  324. }
  325. @-webkit-keyframes floating {
  326. 0% {
  327. margin-top:450px;
  328. }
  329. 30% {
  330. margin-left:250px;
  331. -webkit-transform: rotate(10deg);
  332. -moz-transform: rotate(10deg);
  333. }
  334. 50% {
  335. margin-left:230px;
  336. margin-top:470px;
  337. }
  338. 70% {
  339. margin-left:250px;
  340. -webkit-transform: rotate(-10deg);
  341. -moz-transform: rotate(-10deg);
  342. }
  343. }
  344. @-moz-keyframes floating {
  345. 0% {
  346. margin-top:450px;
  347. }
  348. 30% {
  349. margin-left:300px;
  350. -webkit-transform: rotate(10deg);
  351. -moz-transform: rotate(10deg);
  352. }
  353. 50% {
  354. margin-left:280px;
  355. margin-top:470px;
  356. }
  357. 70% {
  358. margin-left:300px;
  359. -webkit-transform: rotate(-10deg);
  360. -moz-transform: rotate(-10deg);
  361. }
  362. }
  363. #parasol:hover {
  364. -webkit-animation: spin 2s infinite;
  365. -moz-animation: spin 2s infinite;
  366. }
  367. @-webkit-keyframes spin {
  368. 0% {
  369. -webkit-transform: rotateY(0deg);
  370. }
  371. 50% {
  372. -webkit-transform: rotateY(180deg);
  373. }
  374. 100% {
  375. -webkit-transform: rotateY(0deg);
  376. }
  377. }
  378. @-moz-keyframes spin {
  379. 0% {
  380. -webkit-transform: rotateY(0deg);
  381. }
  382. 50% {
  383. -webkit-transform: rotateY(180deg);
  384. }
  385. 100% {
  386. -webkit-transform: rotateY(0deg);
  387. }
  388. }
  389.  
  390. .border {
  391. position:absolute;
  392. position:fixed;
  393. }
  394. #border_top {
  395. border-top:40px solid {color:border color};
  396. height:0px;
  397. width:100%;
  398. margin-top:-20px;
  399. margin-left:30px;
  400. z-index:2;
  401. }
  402. #border_left {
  403. border-left:40px solid {color:border color};
  404. height:100%;
  405. width:100%;
  406. z-index:-1;
  407. margin-top:-20px;
  408. margin-left:-10px;
  409. }
  410.  
  411. #sidebar {
  412. background-color:rgba(0,0,0,.5);
  413. color:white;
  414. width:150px;
  415. margin-left:-200px;
  416. margin-top:320px;
  417. position:absolute;
  418. position:fixed;
  419. padding:5px;
  420. box-shadow:0 0 5px white;
  421. height:180px;
  422. overflow-y:auto;
  423. -webkit-transition:all .7s ease-out;
  424. -moz-transition:all .7s ease-out;
  425. }
  426. #sidebar:hover {
  427. z-index:3;
  428. }
  429. #icon {
  430. position:relative;
  431. float:right;
  432. border-radius:50px;
  433. padding:2px;
  434. }
  435.  
  436. /*Search*/
  437. #searchbar {
  438. position:fixed;
  439. z-index:3;
  440. margin-left:60px;
  441. margin-top:-15px;
  442. }
  443. #search {
  444. background-color:{color:border color};
  445. border-bottom:1px solid white;
  446. }
  447. #button{
  448. position:relative;
  449. top:0px;
  450. }
  451. #search_icon {
  452. height:13px;
  453. width:13px;
  454. }
  455.  
  456. /*Links*/
  457. #links {
  458. list-style-type:none;
  459. position:absolute;
  460. position:fixed;
  461. margin-left:-45px;
  462. }
  463. #links li {
  464. padding-top:5px;
  465. }
  466. .side_icons {
  467. height:30px;
  468. width:30px;
  469. }
  470. .side_icons:hover {
  471. -webkit-animation: spin2 .5s linear;
  472. -moz-animation: spin2 .5s linear;
  473. }
  474. @-webkit-keyframes spin2 {
  475. 0% {
  476. -webkit-transform: rotateZ(0deg);
  477. -moz-transform: rotateZ(0deg);
  478. }
  479. 100% {
  480. -webkit-transform: rotateZ(360deg);
  481. -moz-transform: rotateZ(360deg);
  482. }
  483. }
  484. @-moz-keyframes spin2 {
  485. 0% {
  486. -webkit-transform: rotateZ(0deg);
  487. -moz-transform: rotateZ(0deg);
  488. }
  489. 100% {
  490. -webkit-transform: rotateZ(360deg);
  491. -moz-transform: rotateZ(360deg);
  492. }
  493. }
  494. .link_label {
  495. left:50px;
  496. margin-top:10px;
  497. width:100px;
  498. position:absolute;
  499. display:none;
  500. -webkit-transition:all .5s ease-in-out;
  501. -moz-transition:all .5s ease-in-out;
  502. }
  503. #custom_links {
  504. margin-left:300px;
  505. margin-top:-12px;
  506. position:absolute;
  507. position:fixed;
  508. z-index:3;
  509. }
  510. #custom_links a {
  511. font-size:13px;
  512. }
  513. #custom_links li{
  514. display:inline;
  515. margin:10px;
  516. }
  517.  
  518. .small_line {
  519. width:20px;
  520. margin:5px;
  521. margin-bottom:10px;
  522. }
  523.  
  524. /* Pagination & credit */
  525. .pagination {
  526. margin-left:270px;
  527. margin-top:370px;
  528. background-color:rgba(255,255,255,.8);
  529. border-radius:100px;
  530. padding:5px;
  531. text-align:center;
  532. width:110px;
  533. height:50px;
  534. position:absolute;
  535. position:fixed;
  536. z-index:3;
  537. display:none;
  538. -webkit-transition:all .5s ease-in-out;
  539. -moz-transition:all .5s ease-in-out;
  540. }
  541. .pagination:hover {
  542. background-color:rgba(255,255,255,1);
  543. }
  544. .pagination a {
  545. font-size:13px;
  546. color:black;
  547. }
  548. .pagination:after {
  549. height:15px;
  550. width:20px;
  551. background-color:rgba(255,255,255,.8);
  552. border-bottom-left-radius:50px;
  553. margin-top:39px;
  554. margin-left:50px;
  555. }
  556.  
  557. #next {
  558. padding:10px;
  559. }
  560. #previous {
  561. margin-left:-85px;
  562. width:170px;
  563. position:absolute;
  564. }
  565.  
  566. #credit {
  567. z-index:5;
  568. position:fixed;
  569. position:absolute;
  570. margin-top:-10px;
  571. }
  572.  
  573. /*Loading Page*/
  574. #loading {
  575. position:absolute;
  576. position:fixed;
  577. background-color:white;
  578. width:150%;
  579. height:150%;
  580. z-index:4;
  581. margin-top:-50px;
  582. margin-left:-50px;
  583. }
  584. #loading_pic {
  585. height:250px;
  586. width:250px;
  587. margin-left:600px;
  588. margin-top:200px;
  589. z-index:4;
  590. }
  591. #loadingtext {
  592. position:absolute;
  593. position:fixed;
  594. z-index:6;
  595. color:gray;
  596. margin-left:650px;
  597. margin-top:550px;
  598. font-size:30px;
  599. background-color:white;
  600. padding:5px;
  601. box-shadow:0 0 20px white;
  602. }
  603. #custom_loading_picture {
  604. position:absolute;
  605. position:fixed;
  606. z-index:5;
  607. width:1400px;
  608. height:800px;
  609. background-image:url({image:custom loading picture});
  610. background-position:center;
  611. background-repeat:no-repeat;
  612. }
  613.  
  614. {CustomCSS}
  615.  
  616. </style>
  617.  
  618. <body>
  619.  
  620. {block:IndexPage}
  621. {block:IfLoadingScreen}
  622. <div id="loading">
  623. <p id="loadingtext">Loading...</p>
  624. <div id="custom_loading_picture"></div>
  625. {block:IfMushroomLoadingPicture}<img id="loading_pic" src="https://56.media.tumblr.com/b1835ae08bd4f4a55a3e2c8e737751e4/tumblr_inline_o0v0i48vcd1qfjhw8_540.jpg" /> {/block:IfMushroomLoadingpicture}
  626. </div>
  627. {/block:IfLoadingScreen}
  628. {/block:IndexPage}
  629.  
  630. <div id="main">
  631.  
  632. <form id="searchbar" action="/search" method="get">
  633. <input id="search" type="text" name="q" value="{SearchQuery}" placeholder="Search..." />
  634. <button id="button" type="submit" value="search"> <img id="search_icon" src="https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_search_48px-128.png"/> </button>
  635. </form>
  636.  
  637. <div id="custom_links">{block:HasPages}{block:Pages}<li><a href="{url}">{Label}</a></li>{/block:Pages}{/block:HasPages}</div>
  638.  
  639. <div class="border" id="border_top"></div>
  640.  
  641. {block:IndexPage}
  642. {block:Pagination}
  643. <div class="pagination">
  644. {block:NextPage}<a id="next" href="{NextPage}" id="next">Next page</a>{/block:NextPage}
  645. {block:PreviousPage}<br><a id="previous" href="{PreviousPage}">Previous page</a>{/block:PreviousPage}
  646. </div>
  647. {/block:Pagination}
  648. {block:IndexPage}
  649.  
  650. <div id="all_sidebar">
  651. <img id="peach" src="https://56.media.tumblr.com/f5f50a9ea27fbe49f8a23be4fb836756/tumblr_inline_o0tk30lfy61qfjhw8_540.png" />
  652. <img id="parasol" src="https://56.media.tumblr.com/24876947d3d759cfab95b739680c8309/tumblr_inline_o0tkbxamOQ1qfjhw8_540.png" />
  653. <div id="sidebar">
  654. <img id="icon" src="{PortraitURL-64}" />
  655. {block:Description}
  656. <p id="description">{Description}</p>
  657. {/block:Description}
  658. </div> <!--sidebar-->
  659. </div> <!--all_sidebar-->
  660.  
  661. <div class="border" id="border_left"></div>
  662.  
  663. <ul id="links">
  664. <li><a href="{BlogURL}"> <img class="side_icons" id="home_icon" src="https://68.media.tumblr.com/e0c1fac1f30a6dabfc97a796f4aa9183/tumblr_o0m662tTo91thncmho4_r1_250.png" /> <span class="link_label" id="home">Home</span></a></li>
  665. <hr class="small_line">
  666. <li><a href="/ask"> <img class="side_icons" id="ask_icon" src="https://56.media.tumblr.com/beab178c887d782a0e72968b04bb65ad/tumblr_o0m662tTo91thncmho3_r1_400.png" /> <span class="link_label" id="ask">{AskLabel}</span></a></li>
  667. <hr class="small_line">
  668. <li><a href="/submit"> <img class="side_icons" id="submit_icon" src="https://40.media.tumblr.com/c06b2216bdc3104545df1a405232e376/tumblr_o0m662tTo91thncmho5_r1_400.png" /> <span class="link_label" id="submit">{SubmitLabel}</span></a></li>
  669. <hr class="small_line">
  670. <li><a href="/archive"> <img class="side_icons" id="archive_icon" src="https://56.media.tumblr.com/0ea27efeaa3f263570f0f4823ca35628/tumblr_o0m662tTo91thncmho2_r1_400.png" /> <span class="link_label" id="archive">Archive</span></a></li>
  671. <hr class="small_line">
  672. <li><a href="https://themebylilcherrybearr.tumblr.com/"> <img class="side_icons" id="theme_icon" src="https://68.media.tumblr.com/329a5f156caf55ca1b41135ab0b48ea2/tumblr_o0m662tTo91thncmho1_400.png" /> <span class="link_label" id="theme">Theme by Lilcherrybearr</span></a></li>
  673. </ul>
  674. </div> <!--main-->
  675.  
  676. <div id="content">
  677. {block:Posts}
  678.  
  679. <div id="posts2">
  680. <div id="permalink">
  681. <a href="{Permalink}">
  682. {block:NoteCount} <div id="notenum"> {NoteCount} </div> {/block:NoteCount}
  683. {block:Date} <div id="date"> {MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear} &nbsp {24HourWithZero}:{Minutes}
  684.  
  685. <ul class="like_and_reblog_buttons">
  686. <li id="reblog_button">{ReblogButton size="15" color="black"}</li>
  687. <li>{LikeButton size="15" color="black"}</li>
  688. </ul>
  689. </div>
  690. {/block:Date}
  691. </a>
  692. </div>
  693.  
  694. <ol>
  695. {block:Text}
  696. <li class="posts">
  697. {block:Title}
  698. <h3 id="title"><a id="title2" href="{Permalink}">{Title}</a></h3>
  699. {/block:Title}
  700. {Body}
  701. <img id="text_img" />
  702. <div class="has-tags">
  703. {block:HasTags}<div id="tags">
  704. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp&nbsp&nbsp</a>
  705. {/block:Tags}
  706. </div> <!--tags-->
  707. <br>{/block:HasTags}
  708. </div>
  709. </li>
  710. {/block:Text}
  711.  
  712. {block:Photo}
  713. <li class="posts">
  714. {block:IndexPage}<img src="{PhotoURL-400}" width="{PhotoWidth-400}"height="{PhotoHeight-400}" alt="{PhotoAlt}"/>{/block:IndexPage}
  715. {block:PermalinkPage}<img src="{PhotoURL-500}" width="{PhotoWidth-400}"height="{PhotoHeight-400}" alt="{PhotoAlt}"/>{/block:PermalinkPage}
  716.  
  717. {block:Caption}
  718. <div class="caption">{Caption}</div>
  719. {/block:Caption}
  720. <div class="has-tags">
  721. {block:HasTags}<div id="tags">
  722. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp&nbsp&nbsp</a>
  723. {/block:Tags}
  724. </div> <!--tags-->
  725. <br>{/block:HasTags}
  726. </div>
  727. </li>
  728. {/block:Photo}
  729.  
  730. {block:Photoset}
  731. <li class="posts">
  732. {block:Photos}
  733. {block:IndexPage}<img src="{PhotoURL-400}"
  734. width="{PhotoWidth-400}"height="{PhotoHeight-400}" />{/block:IndexPage}
  735. {block:PermalinkPage}<img src="{PhotoURL-500}"
  736. width="{PhotoWidth-500}"height="{PhotoHeight-500}" />{/block:PermalinkPage}
  737.  
  738. {block:Caption}
  739. {Caption}
  740. {/block:Caption}
  741.  
  742. {block:Exif}
  743. <ul>...</ul>
  744. {/block:Exif}
  745. {/block:Photos}
  746.  
  747. {block:Caption}
  748. {Caption}
  749. {/block:Caption}
  750.  
  751. <div class="has-tags">
  752. {block:HasTags}<div id="tags">
  753. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp&nbsp&nbsp</a>
  754. {/block:Tags}
  755. </div> <!--tags-->
  756. <br>{/block:HasTags}
  757. </div>
  758. </li>
  759. {/block:Photoset}
  760.  
  761. {block:Quote}
  762. <li class="posts">
  763. "{Quote}"
  764.  
  765. {block:Source}
  766. <div class="source">{Source}</div>
  767. {/block:Source}
  768. <div class="has-tags">
  769. {block:HasTags}<div id="tags">
  770. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp&nbsp&nbsp</a>
  771. {/block:Tags}
  772. </div> <!--tags-->
  773. <br>{/block:HasTags}
  774. </div>
  775. </li>
  776. {/block:Quote}
  777.  
  778. {block:Link}
  779. <li class="posts">
  780. <a href="{URL}" class="link" {Target}>{Name}</a>
  781.  
  782. {block:Description}
  783. <div class="description">{Description}</div>
  784. {/block:Description}
  785. <div class="has-tags">
  786. {block:HasTags}<div id="tags">
  787. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp&nbsp&nbsp</a>
  788. {/block:Tags}
  789. </div> <!--tags-->
  790. <br>{/block:HasTags}
  791. </div>
  792. </li>
  793. {/block:Link}
  794.  
  795. {block:Chat}
  796. <li class="posts">
  797. {block:Title}
  798. <h3 id="title"><a href="{Permalink}">{Title}</a></h3>
  799. {/block:Title}
  800.  
  801. <ul class="chat">
  802. {block:Lines}
  803. <li class="{Alt} user_{UserNumber}">
  804. {block:Label}
  805. <span class="label">{Label}</span>
  806. {/block:Label}{Line}
  807. </li>
  808. {/block:Lines}
  809. </ul>
  810. <div class="has-tags">
  811. {block:HasTags}<div id="tags">
  812. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp&nbsp&nbsp</a>
  813. {/block:Tags}
  814. </div> <!--tags-->
  815. <br>{/block:HasTags}
  816. </div>
  817. </li>
  818. {/block:Chat}
  819.  
  820. {block:Video}
  821. <li class="posts">
  822. {block:IndexPage}{Video-400}{/block:IndexPage}
  823. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}{block:Caption}
  824. <div class="caption">{Caption}</div>
  825. {/block:Caption}
  826. <div class="has-tags">
  827. {block:HasTags}<div id="tags">
  828. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp&nbsp&nbsp</a>
  829. {/block:Tags}
  830. </div> <!--tags-->
  831. <br>{/block:HasTags}
  832. </div>
  833. </li>
  834. {/block:Video}
  835.  
  836. {block:Audio}
  837. <li class="posts">
  838. <div id="audio">{block:IndexPage}{AudioEmbed-400}{/block:IndexPage}{block:PermalinkPage}{AudioEmbed-500}{/block:PermalinkPage}</div>
  839. {block:Caption}
  840. <div class="caption">{Caption}</div>
  841. {/block:Caption}
  842. <div class="has-tags">
  843. {block:HasTags}<div id="tags">
  844. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp&nbsp&nbsp</a>
  845. {/block:Tags}
  846. </div> <!--tags-->
  847. <br>{/block:HasTags}
  848. </div>
  849. </li>
  850. {/block:Audio}
  851.  
  852. {block:Answer}
  853. <li class="posts">
  854. <div id="question">
  855. <img class="asker-avatar" src="{AskerPortraitURL-30}" alt="">
  856. <ul class="asker1">
  857. <li> <span id="asker_name"> {Asker} asked:</span> </li>
  858. <li> <div class="asker-question">{Question}</div> </li>
  859. </ul>
  860. </div>
  861. {block:Answerer}
  862. <div class="answer">
  863. <img class="answerer-avatar" src="{AnswererPortraitURL-30}" alt=""/>
  864. <ul class="answerer1">
  865. <li> <div class="answerer">{Answerer}:</div> </li>
  866. <li><div class="answerer-answer">{Answer}</div> </li>
  867. </ul>
  868. </div>
  869. {/block:Answerer}
  870. <div class="replies1">
  871. {Replies}
  872. </div>
  873. <div class="has-tags">
  874. {block:HasTags}<div id="tags">
  875. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp&nbsp&nbsp</a>
  876. {/block:Tags}
  877. </div> <!--tags-->
  878. <br>{/block:HasTags}
  879. </div>
  880. </li>
  881. {/block:Answer}
  882.  
  883. {block:PostNotes}
  884. <div id="notecontainer">{PostNotes}</div>
  885. {/block:PostNotes}
  886.  
  887. </div> <!--posts2-->
  888. {/block:Posts}
  889.  
  890. </div> <!--content-->
  891.  
  892. </body>
  893. </html>
Advertisement
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!