cherrybearr

Theme 11 (Rosalina)

Jan 13th, 2016
264
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.42 KB | None | 0 0
  1. <!--
  2. Rosalina 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 Luma loading screen, you need to toggle both loading screen and luma 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="http://wallpapersdesk.net/wp-content/uploads/2015/06/2539_galaxy.jpg" />
  16. <meta name="font:font" content="" />
  17. <meta name="color:background color" content="" />
  18. <meta name="color:border color" content="#8ed9ff" />
  19. <meta name="if:loading screen" content="" />
  20. <meta name="if:luma 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. $('#rosalina').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. //rosalina 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. background-color:whit;
  130. margin-left:370px;
  131. margin-top:20px;
  132. z-index:-1;
  133. }
  134.  
  135. #posts2 {
  136. float:left;
  137. width:470px;
  138. margin-top:10px;
  139.  
  140. }
  141. .posts {
  142. margin:5px;
  143. {block:IndexPage}width:400px;{/block:IndexPage}
  144. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  145. padding:10px;
  146. padding-top:30px;
  147. overflow-x:auto;
  148. position:relative;
  149. background-color:white;
  150. border:1px solid white;
  151. border-radius:10px;
  152. margin-top:20px;
  153. }
  154. .posts img {
  155. margin-left:0px;
  156. }
  157. .posts a {
  158. color:gray;
  159. }
  160.  
  161. blockquote {
  162. border-left:1px solid black;
  163. padding-left:5px;
  164. margin-left:5px;
  165. width:380px;
  166. }
  167.  
  168. #title a{
  169. color:black;
  170. font-size:15px;
  171. }
  172.  
  173. /*Chat posts*/
  174. .chat {
  175. list-style-type:none;
  176. margin-left:-25px;
  177. }
  178. .chat li{
  179. padding:2px;
  180. }
  181. .label {
  182. font-weight:bold;
  183. color:gray;
  184. }
  185.  
  186. /*Ask Posts*/
  187. .asker-avatar {
  188. border-radius:50px;
  189. position:absolute;
  190. }
  191. .asker1 {
  192. list-style-type:none;
  193. width:350px;
  194. float:right;
  195. padding-bottom:10px;
  196. padding-left:50px;
  197. }
  198. #question {
  199. width:400px;
  200. }
  201. #asker_name {
  202. background-color:{color:border color};
  203. padding:2px;
  204. }
  205. .asker-question {
  206. margin-top:5px;
  207. }
  208.  
  209. .answerer-avatar {
  210. border-radius:50px;
  211. top:20px;
  212. }
  213. .answerer a{
  214. background-color:{color:border color};
  215. padding:2px;
  216. }
  217. .answerer1 {
  218. list-style-type:none;
  219. width:350px;
  220. float:right;
  221. margin-top:-20px;
  222. padding-left:50px;
  223. }
  224. .answerer-answer {
  225. margin-top:5px;
  226. }
  227.  
  228. /*Note container*/
  229. #notecontainer{
  230. background-color:white;
  231. border-radius:10px;
  232. width:520px;
  233. }
  234. #notecontainer a {
  235. color:gray;
  236. }
  237.  
  238. /*Tags*/
  239. #tags {
  240. border-top:2px dotted {color:border color};
  241. width:400px;
  242. padding:5px;
  243. }
  244. #tags a {
  245. color:{color:border color};
  246. }
  247.  
  248. /*Permalink*/
  249. #permalink {
  250. background-color:gray;
  251. margin-top:20px;
  252. margin-left:0px;
  253. position:absolute;
  254. height:10px;
  255. width:00px;
  256. z-index:1;
  257. }
  258. #notenum {
  259. background-color:black;
  260. border-radius:50px;
  261. position:absolute;
  262. padding:5px;
  263. margin-left:50px;
  264. }
  265. #date {
  266. margin-left:45px;
  267. background-color:{color:border color};
  268. {block:IndexPage}width:412px;{/block:IndexPage}
  269. {block:PermalinkPage}width:512px;{/block:PermalinkPage}
  270. border-top-right-radius:10px;
  271. border-top-left-radius:10px;
  272. padding:5px;
  273. z-index:1;
  274. float:left;
  275. text-align:center;
  276. height:15px;
  277. }
  278.  
  279. .like_and_reblog_buttons {
  280. position:relative;
  281. list-style-type:none;
  282. float:right;
  283. padding:3px;
  284. width:70px;
  285. margin-top:-5px;
  286. }
  287. .like_and_reblog_buttons li {
  288. display:inline-block;
  289. padding:3px;
  290. border-radius:50px;
  291. }
  292.  
  293.  
  294. /*Sidebar*/
  295. #rosalina {
  296. position:absolute;
  297. position:fixed;
  298. margin-top:320px;
  299. height:400px;
  300. width:300px;
  301. z-index:2;
  302. margin-left:-5px;
  303. -webkit-transition:all .7s ease-in-out;
  304. -moz-transition:all .7s ease-in-out;
  305. }
  306. #rosalina:hover {
  307. margin-left:-60px;
  308. }
  309.  
  310. #luma {
  311. height:70px;
  312. width:70px;
  313. padding:10px;
  314. position:absolute;
  315. position:fixed;
  316. margin-left:300px;
  317. margin-top:450px;
  318. z-index:1;
  319. -webkit-animation: floating 3.5s infinite;
  320. -moz-animation: floating 3.5s infinite;
  321. }
  322. @-webkit-keyframes floating {
  323. 0% {
  324. margin-top:450px;
  325. }
  326. 30% {
  327. margin-left:320px;
  328. -webkit-transform: rotate(10deg);
  329. -moz-transform: rotate(10deg);
  330. }
  331. 50% {
  332. margin-left:300px;
  333. margin-top:470px;
  334. }
  335. 70% {
  336. margin-left:280px;
  337. -webkit-transform: rotate(-10deg);
  338. -moz-transform: rotate(-10deg);
  339. }
  340. }
  341. @-moz-keyframes floating {
  342. 0% {
  343. margin-top:450px;
  344. }
  345. 30% {
  346. margin-left:320px;
  347. -webkit-transform: rotate(10deg);
  348. -moz-transform: rotate(10deg);
  349. }
  350. 50% {
  351. margin-left:300px;
  352. margin-top:470px;
  353. }
  354. 70% {
  355. margin-left:280px;
  356. -webkit-transform: rotate(-10deg);
  357. -moz-transform: rotate(-10deg);
  358. }
  359. }
  360. #luma:hover {
  361. -webkit-animation: spin 2s infinite;
  362. -moz-animation: spin 2s infinite;
  363. }
  364. @-webkit-keyframes spin {
  365. 0% {
  366. -webkit-transform: rotateY(0deg);
  367. }
  368. 50% {
  369. -webkit-transform: rotateY(180deg);
  370. }
  371. 100% {
  372. -webkit-transform: rotateY(0deg);
  373. }
  374. }
  375. @-moz-keyframes spin {
  376. 0% {
  377. -webkit-transform: rotateY(0deg);
  378. }
  379. 50% {
  380. -webkit-transform: rotateY(180deg);
  381. }
  382. 100% {
  383. -webkit-transform: rotateY(0deg);
  384. }
  385. }
  386.  
  387. .border {
  388. position:absolute;
  389. position:fixed;
  390. }
  391. #border_top {
  392. border-top:40px solid {color:border color};
  393. height:0px;
  394. width:100%;
  395. margin-top:-20px;
  396. margin-left:30px;
  397. z-index:2;
  398. }
  399. #border_left {
  400. border-left:40px solid {color:border color};
  401. height:100%;
  402. width:100%;
  403. z-index:-1;
  404. margin-top:-20px;
  405. margin-left:-10px;
  406. }
  407.  
  408. #sidebar {
  409. background-color:rgba(0,0,0,.5);
  410. color:white;
  411. width:150px;
  412. margin-left:-200px;
  413. margin-top:320px;
  414. position:absolute;
  415. position:fixed;
  416. padding:5px;
  417. box-shadow:0 0 5px white;
  418. height:180px;
  419. overflow-y:auto;
  420. -webkit-transition:all .7s ease-out;
  421. -moz-transition:all .7s ease-out;
  422. }
  423. #sidebar:hover {
  424. z-index:3;
  425. }
  426. #icon {
  427. position:relative;
  428. float:right;
  429. border-radius:50px;
  430. padding:2px;
  431. }
  432.  
  433. /*Search*/
  434. #searchbar {
  435. position:fixed;
  436. z-index:3;
  437. margin-left:60px;
  438. margin-top:-15px;
  439. }
  440. #search {
  441. background-color:{color:border color};
  442. border-bottom:1px solid white;
  443. }
  444. #button{
  445. position:relative;
  446. top:0px;
  447. }
  448. #search_icon {
  449. height:13px;
  450. width:13px;
  451. }
  452.  
  453. /*Links*/
  454. #links {
  455. list-style-type:none;
  456. position:absolute;
  457. position:fixed;
  458. margin-left:-45px;
  459. }
  460. #links li {
  461. padding-top:5px;
  462. }
  463. .side_icons {
  464. height:30px;
  465. width:30px;
  466. }
  467. .side_icons:hover {
  468. -webkit-animation: spin2 .5s linear;
  469. -moz-animation: spin2 .5s linear;
  470. }
  471. @-webkit-keyframes spin2 {
  472. 0% {
  473. -webkit-transform: rotateZ(0deg);
  474. -moz-transform: rotateZ(0deg);
  475. }
  476. 100% {
  477. -webkit-transform: rotateZ(360deg);
  478. -moz-transform: rotateZ(360deg);
  479. }
  480. }
  481. @-moz-keyframes spin2 {
  482. 0% {
  483. -webkit-transform: rotateZ(0deg);
  484. -moz-transform: rotateZ(0deg);
  485. }
  486. 100% {
  487. -webkit-transform: rotateZ(360deg);
  488. -moz-transform: rotateZ(360deg);
  489. }
  490. }
  491. .link_label {
  492. left:50px;
  493. margin-top:10px;
  494. width:100px;
  495. position:absolute;
  496. display:none;
  497. -webkit-transition:all .5s ease-in-out;
  498. -moz-transition:all .5s ease-in-out;
  499. }
  500. #custom_links {
  501. margin-left:300px;
  502. margin-top:-12px;
  503. position:absolute;
  504. position:fixed;
  505. z-index:3;
  506. }
  507. #custom_links a {
  508. font-size:13px;
  509. }
  510. #custom_links li{
  511. display:inline;
  512. margin:10px;
  513. }
  514.  
  515. .small_line {
  516. width:20px;
  517. margin:5px;
  518. margin-bottom:10px;
  519.  
  520. }
  521.  
  522. /* Pagination & credit */
  523. .pagination {
  524. margin-left:270px;
  525. margin-top:370px;
  526. background-color:rgba(255,255,255,.8);
  527. border-radius:100px;
  528. padding:5px;
  529. text-align:center;
  530. width:110px;
  531. height:50px;
  532. position:absolute;
  533. position:fixed;
  534. z-index:3;
  535. display:none;
  536. -webkit-transition:all .5s ease-in-out;
  537. -moz-transition:all .5s ease-in-out;
  538. }
  539. .pagination:hover {
  540. background-color:rgba(255,255,255,1);
  541. }
  542. .pagination a {
  543. font-size:13px;
  544. color:black;
  545. }
  546. .pagination:after {
  547. height:15px;
  548. width:20px;
  549. background-color:rgba(255,255,255,.8);
  550. border-bottom-left-radius:50px;
  551. margin-top:39px;
  552. margin-left:50px;
  553. }
  554.  
  555. #next {
  556. padding:10px;
  557. }
  558. #previous {
  559. margin-left:-85px;
  560. width:170px;
  561. position:absolute;
  562. }
  563.  
  564. #credit {
  565. z-index:5;
  566. position:fixed;
  567. position:absolute;
  568. margin-top:-10px;
  569. }
  570.  
  571. /*Loading Page*/
  572. #loading {
  573. position:absolute;
  574. position:fixed;
  575. background-color:white;
  576. width:150%;
  577. height:150%;
  578. z-index:4;
  579. margin-top:-50px;
  580. margin-left:-50px;
  581. }
  582. #loading_pic {
  583. height:250px;
  584. width:250px;
  585. margin-left:600px;
  586. margin-top:200px;
  587. z-index:4;
  588. -webkit-animation: floating2 2s infinite;
  589. -moz-animation: floating2 2s infinite;
  590. }
  591. @-webkit-keyframes floating2 {
  592. 0% {
  593. margin-top:200px;
  594. }
  595. 50% {
  596. margin-top:230px;
  597. }
  598. 100% {
  599. margin-top:200px;
  600. }
  601. }
  602. @-moz-keyframes floating2 {
  603. 0% {
  604. margin-top:200px;
  605. }
  606. 50% {
  607. margin-top:230px;
  608. }
  609. 100% {
  610. margin-top:200px;
  611. }
  612. }
  613. #loadingtext {
  614. position:absolute;
  615. position:fixed;
  616. z-index:6;
  617. color:gray;
  618. margin-left:650px;
  619. margin-top:550px;
  620. font-size:30px;
  621. background-color:white;
  622. padding:5px;
  623. box-shadow:0 0 20px white;
  624. }
  625. #custom_loading_picture {
  626. position:absolute;
  627. position:fixed;
  628. z-index:5;
  629. width:1500px;
  630. height:800px;
  631. background-image:url({image:custom loading picture});
  632. background-position:center;
  633. background-repeat:repeat;
  634. }
  635.  
  636. {CustomCSS}
  637.  
  638. </style>
  639.  
  640. <body>
  641.  
  642. {block:IndexPage}
  643. {block:IfLoadingScreen}
  644. <div id="loading">
  645. <p id="loadingtext">Loading...</p>
  646. <div id="custom_loading_picture"></div>
  647. {block:IfLumaLoadingPicture}<img id="loading_pic" src="https://68.media.tumblr.com/72f557a9eed40eecfb8f43b89248e563/tumblr_inline_nzzdb1IkLi1qfjhw8_540.png" /> {/block:IfLumaLoadingpicture}
  648. </div>
  649. {/block:IfLoadingScreen}
  650. {/block:IndexPage}
  651.  
  652. <div id="main">
  653.  
  654. <form id="searchbar" action="/search" method="get">
  655. <input id="search" type="text" name="q" value="{SearchQuery}" placeholder="Search..." />
  656. <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>
  657. </form>
  658.  
  659. <div id="custom_links">{block:HasPages}{block:Pages}<li><a href="{url}">{Label}</a></li>{/block:Pages}{/block:HasPages}</div>
  660.  
  661. <div class="border" id="border_top"></div>
  662.  
  663. {block:IndexPage}
  664. {block:Pagination}
  665. <div class="pagination">
  666. {block:NextPage}<a id="next" href="{NextPage}" id="next">Next page </a><br>{/block:NextPage}
  667. {block:PreviousPage}<a id="previous" href="{PreviousPage}"> Previous page</a>{/block:PreviousPage}
  668. </div>
  669. {/block:Pagination}
  670. {block:IndexPage}
  671.  
  672. <div id="all_sidebar">
  673. <img id="rosalina" src="https://68.media.tumblr.com/14a83db0918c5ea11fe83b85bc53e209/tumblr_inline_nzzd9a1Jv71qfjhw8_540.png" />
  674. <img id="luma" src="https://68.media.tumblr.com/72f557a9eed40eecfb8f43b89248e563/tumblr_inline_nzzdb1IkLi1qfjhw8_540.png" />
  675. <div id="sidebar">
  676. <img id="icon" src="{PortraitURL-64}" />
  677. {block:Description}
  678. <p id="description">{Description}</p>
  679. {/block:Description}
  680. </div> <!--sidebar-->
  681. </div> <!--all_sidebar-->
  682.  
  683. <div class="border" id="border_left"></div>
  684.  
  685. <ul id="links">
  686. <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>
  687. <hr class="small_line">
  688. <li><a href="/ask"> <img class="side_icons" id="ask_icon" src="https://68.media.tumblr.com/beab178c887d782a0e72968b04bb65ad/tumblr_o0m662tTo91thncmho3_r1_400.png" /> <span class="link_label" id="ask">{AskLabel}</span></a></li>
  689. <hr class="small_line">
  690. <li><a href="/submit"> <img class="side_icons" id="submit_icon" src="https://66.media.tumblr.com/c06b2216bdc3104545df1a405232e376/tumblr_o0m662tTo91thncmho5_r1_540.png" /> <span class="link_label" id="submit">{SubmitLabel}</span></a></li>
  691. <hr class="small_line">
  692. <li><a href="/archive"> <img class="side_icons" id="archive_icon" src="https://68.media.tumblr.com/0ea27efeaa3f263570f0f4823ca35628/tumblr_o0m662tTo91thncmho2_r1_400.png" /> <span class="link_label" id="archive">Archive</span></a></li>
  693. <hr class="small_line">
  694. <li><a href="https://themebylilcherrybearr.tumblr.com/"> <img class="side_icons" id="theme_icon" src="https://68.media.tumblr.com/d137832f5aba57e671dca865d7794f9a/tumblr_o0m662tTo91thncmho6_r1_400.png" /> <span class="link_label" id="theme">Theme by Lilcherrybearr</span></a></li>
  695. </ul>
  696. </div> <!--main-->
  697.  
  698. <div id="content">
  699. {block:Posts}
  700.  
  701. <div id="posts2">
  702. <div id="permalink">
  703. <a href="{Permalink}">
  704. {block:NoteCount} <div id="notenum"> {NoteCount} </div> {/block:NoteCount}
  705. {block:Date} <div id="date"> {MonthNumberWithZero}/{DayOfMonthWithZero}/{ShortYear} &nbsp {24HourWithZero}:{Minutes}
  706.  
  707. <ul class="like_and_reblog_buttons">
  708. <li id="reblog_button">{ReblogButton size="15" color="black"}</li>
  709. <li>{LikeButton size="15" color="black"}</li>
  710. </ul>
  711. </div>
  712. {/block:Date}
  713. </a>
  714. </div>
  715.  
  716. <ol>
  717. {block:Text}
  718. <li class="posts">
  719. {block:Title}
  720. <h3 id="title"><a id="title2" href="{Permalink}">{Title}</a></h3>
  721. {/block:Title}
  722. {Body}
  723. <img id="text_img" />
  724. <div class="has-tags">
  725. {block:HasTags}<div id="tags">
  726. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp&nbsp&nbsp</a>
  727. {/block:Tags}
  728. </div> <!--tags-->
  729. <br>{/block:HasTags}
  730. </div>
  731. </li>
  732. {/block:Text}
  733.  
  734. {block:Photo}
  735. <li class="posts">
  736. {block:IndexPage}<img src="{PhotoURL-400}" width="{PhotoWidth-400}"height="{PhotoHeight-400}" alt="{PhotoAlt}"/>{/block:IndexPage}
  737. {block:PermalinkPage}<img src="{PhotoURL-500}" width="{PhotoWidth-400}"height="{PhotoHeight-400}" alt="{PhotoAlt}"/>{/block:PermalinkPage}
  738.  
  739. {block:Caption}
  740. <div class="caption">{Caption}</div>
  741. {/block:Caption}
  742. <div class="has-tags">
  743. {block:HasTags}<div id="tags">
  744. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp&nbsp&nbsp</a>
  745. {/block:Tags}
  746. </div> <!--tags-->
  747. <br>{/block:HasTags}
  748. </div>
  749. </li>
  750. {/block:Photo}
  751.  
  752. {block:Photoset}
  753. <li class="posts">
  754. {block:Photos}
  755. {block:IndexPage}<img src="{PhotoURL-400}"
  756. width="{PhotoWidth-400}"height="{PhotoHeight-400}" />{/block:IndexPage}
  757. {block:PermalinkPage}<img src="{PhotoURL-500}"
  758. width="{PhotoWidth-500}"height="{PhotoHeight-500}" />{/block:PermalinkPage}
  759.  
  760. {block:Caption}
  761. {Caption}
  762. {/block:Caption}
  763.  
  764. {block:Exif}
  765. <ul>...</ul>
  766. {/block:Exif}
  767. {/block:Photos}
  768.  
  769. {block:Caption}
  770. {Caption}
  771. {/block:Caption}
  772.  
  773. <div class="has-tags">
  774. {block:HasTags}<div id="tags">
  775. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp&nbsp&nbsp</a>
  776. {/block:Tags}
  777. </div> <!--tags-->
  778. <br>{/block:HasTags}
  779. </div>
  780. </li>
  781. {/block:Photoset}
  782.  
  783. {block:Quote}
  784. <li class="posts">
  785. "{Quote}"
  786.  
  787. {block:Source}
  788. <div class="source">{Source}</div>
  789. {/block:Source}
  790. <div class="has-tags">
  791. {block:HasTags}<div id="tags">
  792. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp&nbsp&nbsp</a>
  793. {/block:Tags}
  794. </div> <!--tags-->
  795. <br>{/block:HasTags}
  796. </div>
  797. </li>
  798. {/block:Quote}
  799.  
  800. {block:Link}
  801. <li class="posts">
  802. <a href="{URL}" class="link" {Target}>{Name}</a>
  803.  
  804. {block:Description}
  805. <div class="description">{Description}</div>
  806. {/block:Description}
  807. <div class="has-tags">
  808. {block:HasTags}<div id="tags">
  809. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp&nbsp&nbsp</a>
  810. {/block:Tags}
  811. </div> <!--tags-->
  812. <br>{/block:HasTags}
  813. </div>
  814. </li>
  815. {/block:Link}
  816.  
  817. {block:Chat}
  818. <li class="posts">
  819. {block:Title}
  820. <h3 id="title"><a href="{Permalink}">{Title}</a></h3>
  821. {/block:Title}
  822.  
  823. <ul class="chat">
  824. {block:Lines}
  825. <li class="{Alt} user_{UserNumber}">
  826. {block:Label}
  827. <span class="label">{Label}</span>
  828. {/block:Label}{Line}
  829. </li>
  830. {/block:Lines}
  831. </ul>
  832. <div class="has-tags">
  833. {block:HasTags}<div id="tags">
  834. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp&nbsp&nbsp</a>
  835. {/block:Tags}
  836. </div> <!--tags-->
  837. <br>{/block:HasTags}
  838. </div>
  839. </li>
  840. {/block:Chat}
  841.  
  842. {block:Video}
  843. <li class="posts">
  844. {block:IndexPage}{Video-400}{/block:IndexPage}
  845. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}{block:Caption}
  846. <div class="caption">{Caption}</div>
  847. {/block:Caption}
  848. <div class="has-tags">
  849. {block:HasTags}<div id="tags">
  850. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp&nbsp&nbsp</a>
  851. {/block:Tags}
  852. </div> <!--tags-->
  853. <br>{/block:HasTags}
  854. </div>
  855. </li>
  856. {/block:Video}
  857.  
  858. {block:Audio}
  859. <li class="posts">
  860. <div id="audio">{block:IndexPage}{AudioEmbed-400}{/block:IndexPage}{block:PermalinkPage}{AudioEmbed-500}{/block:PermalinkPage}</div>
  861. {block:Caption}
  862. <div class="caption">{Caption}</div>
  863. {/block:Caption}
  864. <div class="has-tags">
  865. {block:HasTags}<div id="tags">
  866. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp&nbsp&nbsp</a>
  867. {/block:Tags}
  868. </div> <!--tags-->
  869. <br>{/block:HasTags}
  870. </div>
  871. </li>
  872. {/block:Audio}
  873.  
  874. {block:Answer}
  875. <li class="posts">
  876. <div id="question">
  877. <img class="asker-avatar" src="{AskerPortraitURL-30}" alt="">
  878. <ul class="asker1">
  879. <li> <span id="asker_name"> {Asker} asked:</span> </li>
  880. <li> <div class="asker-question">{Question}</div> </li>
  881. </ul>
  882. </div>
  883. {block:Answerer}
  884. <div class="answer">
  885. <img class="answerer-avatar" src="{AnswererPortraitURL-30}" alt=""/>
  886. <ul class="answerer1">
  887. <li> <div class="answerer">{Answerer}:</div> </li>
  888. <li><div class="answerer-answer">{Answer}</div> </li>
  889. </ul>
  890. </div>
  891. {/block:Answerer}
  892. <div class="replies1">
  893. {Replies}
  894. </div>
  895. <div class="has-tags">
  896. {block:HasTags}<div id="tags">
  897. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp&nbsp&nbsp</a>
  898. {/block:Tags}
  899. </div> <!--tags-->
  900. <br>{/block:HasTags}
  901. </div>
  902. </li>
  903. {/block:Answer}
  904.  
  905. {block:PostNotes}
  906. <div id="notecontainer">{PostNotes}</div>
  907. {/block:PostNotes}
  908.  
  909. </div> <!--posts2-->
  910. {/block:Posts}
  911.  
  912. </div> <!--content-->
  913.  
  914. </body>
  915. </html>
Advertisement
Add Comment
Please, Sign In to add comment