API tools faq
paste
Advertisement
briqhter

theme 13 v2

briqhter
Dec 5th, 2014
420
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.06 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme 13 version 2 by Sabina (dyothms/luhyns)
  3. please do not remove the credit
  4. -->
  5.  
  6. <!DOCTYPE html>
  7. <html lang="en">
  8.  
  9. <head>
  10.  
  11. <!------script------>
  12. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  13.  
  14. <!------meta1------>
  15. <meta name="color:background" content="#ffffff"/>
  16. <meta name="color:title" content="#777777"/>
  17. <meta name="color:text" content="#777777"/>
  18. <meta name="color:link" content="#777777"/>
  19. <meta name="color:hover" content="#575757"/>
  20. <meta name="color:borders" content="#dddddd"/>
  21. <meta name="color:link text" content="#686868"/>
  22. <meta name="color:link background" content="#f0f0f0"/>
  23. <meta name="color:link underline" content="#686868"/>
  24.  
  25. <meta name="color:sidebar border" content="#abc3c0"/>
  26. <meta name="color:sidebar shadow" content="#e4e7e7"/>
  27. <meta name="color:navi title" content="#ffffff"/>
  28. <meta name="color:navi background" content="#abc3c0"/>
  29. <meta name="color:navi links" content="#767676"/>
  30.  
  31. <meta name="color:post border" content="#88a29f"/>
  32. <meta name="color:post shadow" content="#e2e8f0"/>
  33. <meta name="color:audio" content="#c3c3c3"/>
  34. <meta name="color:asker" content="#d4d4d4"/>
  35. <meta name="color:tags" content="#d4d4d4"/>
  36. <meta name="color:pagination" content="#c8d5f7"/>
  37. <meta name="color:scrollbar" content="#abc3c0"/>
  38.  
  39. <meta name="image:background" content="0"/>
  40. <meta name="image:sidebar" content="0"/>
  41.  
  42. <meta name="text:blogtitle" content="title"/>
  43. <meta name="text:link 1" content="/"/>
  44. <meta name="text:link 2" content="/"/>
  45. <meta name="text:link 3" content="/"/>
  46. <meta name="text:link 4" content="/"/>
  47. <meta name="text:link 5" content="/"/>
  48. <meta name="text:link 6" content="http://dyothms.tumblr.com/"/>
  49. <meta name="text:link 1 title" content="link 1"/>
  50. <meta name="text:link 2 title" content="link 2"/>
  51. <meta name="text:link 3 title" content="link 3"/>
  52. <meta name="text:link 4 title" content="link 4"/>
  53. <meta name="text:link 5 title" content="link 5"/>
  54. <meta name="text:link 6 title" content="credit"/>
  55.  
  56. <meta name="if:short sidebar" content="1"/>
  57. <meta name="if:sidebar shadow" content="1"/>
  58. <meta name="if:post shadow" content="0"/>
  59. <meta name="if:infinite scroll" content="1"/>
  60. <meta name="if:black and white posts" content="0"/>
  61.  
  62.  
  63. <!------meta2------>
  64.  
  65. <style type="text/css">
  66.  
  67. /* basics */
  68. body {
  69. font-family:calibri;
  70. font-size:11px;
  71. line-height:12px;
  72. color:{color:text};
  73. background-color:{color:background};
  74. background-image:url({image:background});
  75. background-attachment:fixed;
  76. background-repeat:repeat;
  77. }
  78.  
  79. a:link, a:active, a:visited{
  80. text-decoration:none;
  81. color:{color:link};
  82. }
  83.  
  84. a:hover {
  85. color:{color:hover};
  86. }
  87.  
  88. img {
  89. border:0;
  90. max-width:100%;
  91. height:auto;
  92. }
  93.  
  94. ::-webkit-scrollbar {width: 8px; height: 4px; background: white; }
  95. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; -webkit-border-radius: 1px; }
  96.  
  97. /* posts */
  98. #posts {
  99. z-index:10;
  100. margin-top:10px;
  101. margin-left:450px;
  102. width:800px;
  103. }
  104.  
  105. #entry {
  106. float:left;
  107. margin:20px;
  108. width:250px;
  109. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  110. padding:10px;
  111. background:white;
  112. border:1px solid {color:post border};
  113. {block:IfPostShadow}
  114. box-shadow: 8px -8px 0px {color:post shadow};
  115. margin:30px;
  116. {/block:IfPostShadow}
  117. }
  118.  
  119. .bw{
  120. -webkit-filter: grayscale(1);
  121. filter: grayscale(1);
  122. transition: all 0.4s ease-out;
  123. -o-transition-transition: all 0.4s ease-out;
  124. -webkit-transition: all 0.4s ease-out;
  125. -moz-transition: all 0.4s ease-out;
  126. }
  127.  
  128. #entry:hover .bw{
  129. -webkit-filter: grayscale(0);
  130. filter: grayscale(0);
  131. }
  132.  
  133. .perma{
  134. margin:-10px;
  135. margin-bottom:10px;
  136. height:16px;
  137. background:{color:post border};
  138. line-height:16px;
  139. padding:5px;
  140. padding-left:10px;
  141. color:white;
  142. font-family:consolas;
  143. font-size:9px;
  144. }
  145.  
  146. .perma a{
  147. color:white;
  148. background-color:transparent;
  149. }
  150.  
  151. .perma a:hover{
  152. border-bottom:0px;
  153. }
  154.  
  155. .pbox1{
  156. position:absolute;
  157. margin-top:-15px;
  158. margin-left:204px;
  159. {block:PermalinkPage}margin-left:454px;{/block:PermalinkPage}
  160. height:12px;
  161. width:16px;
  162. border:1px solid white;
  163. background:{color:post border};
  164. line-height:6px;
  165. text-align:center;
  166. }
  167.  
  168. .pbox2{
  169. position:absolute;
  170. margin-top:-15px;
  171. margin-left:220px;
  172. {block:PermalinkPage}margin-left:470px;{/block:PermalinkPage}
  173. height:12px;
  174. width:16px;
  175. border:1px solid white;
  176. background:{color:post border};
  177. line-height:12px;
  178. text-align:center;
  179. }
  180.  
  181. .pbox3{
  182. position:absolute;
  183. margin-top:-15px;
  184. margin-left:236px;
  185. {block:PermalinkPage}margin-left:486px;{/block:PermalinkPage}
  186. height:12px;
  187. width:16px;
  188. border:1px solid white;
  189. background:{color:post border};
  190. line-height:12px;
  191. text-align:center;
  192. }
  193.  
  194. .tags{
  195. margin:-10px;
  196. margin-top:10px;
  197. height:auto;
  198. background:white;
  199. border-top:1px solid {color:post border};
  200. line-height:12px;
  201. padding:7px;
  202. padding-left:10px;
  203. letter-spacing:1px;
  204. font-family:consolas;
  205. font-size:10px;
  206. color:{color:tags};
  207. text-transform:uppercase;
  208. }
  209.  
  210. .tags a{
  211. color:{color:tags};
  212. }
  213.  
  214. .tags a:hover{
  215. border-bottom:1px solid {color:link underline};
  216. }
  217.  
  218. #posts .tags .comma:last-child {
  219. display:none;
  220. }
  221.  
  222. .vias{
  223. margin:-10px;
  224. margin-top:10px;
  225. height:auto;
  226. background:white;
  227. border-top:1px solid {color:post border};
  228. border-bottom:1px solid {color:post border};
  229. line-height:12px;
  230. padding:7px;
  231. padding-left:10px;
  232. color:{color:text};
  233. letter-spacing:1px;
  234. font-family:consolas;
  235. font-size:10px;
  236. text-transform:uppercase;
  237. }
  238.  
  239. .vias a{
  240. color:{color:tags};
  241. }
  242.  
  243. .vias a:hover {
  244. border-bottom:1px solid {color:link underline};
  245. }
  246.  
  247. .title {
  248. width:auto;
  249. font-family:consolas;
  250. font-size:12px;
  251. line-height:16px;
  252. color:{color:title};
  253. letter-spacing:1px;
  254. }
  255.  
  256. .title a{
  257. color:{color:link text};
  258. background-color:{color:link background};
  259. }
  260.  
  261. .title a:hover{
  262. border-bottom:1px solid {color:link underline};
  263. }
  264.  
  265. .caption {
  266. overflow:hidden;
  267. }
  268.  
  269. .caption a{
  270. color:{color:link text};
  271. background-color:{color:link background};
  272. }
  273.  
  274. .caption a:hover{
  275. border-bottom:1px solid {color:link underline}
  276. }
  277.  
  278. #posts blockquote {
  279. margin-left:10px;
  280. padding-left:5px;
  281. border-left:solid 1px {color:borders};
  282. }
  283.  
  284. #posts #notecontainer {
  285. margin-top:20px;
  286. margin-left:-20px;
  287. width:500px;
  288. font-size: 11px;
  289. line-height:16px;
  290. }
  291.  
  292. #notecontainer a{
  293. color:{color:link text};
  294. background-color:{color:link background};
  295. }
  296.  
  297. #notecontainer a:hover{
  298. border-bottom:1px solid {color:link underline}
  299. }
  300.  
  301. #posts #notecontainer ol.notes {
  302. list-style-type: none;
  303. margin: 0;
  304. padding-top: 10px;
  305. padding-bottom: 10px;
  306. }
  307.  
  308. #posts #notecontainer img.avatar {
  309. margin-right: 5px;
  310. width: 16px;
  311. height: 16px;
  312. }
  313.  
  314. #asker {
  315. margin-left:-10px;
  316. margin-right:-10px;
  317. min-height:38px;
  318. padding:5px;
  319. padding-right:10px;
  320. padding-left:10px;
  321. background:white;
  322. border:1px solid {color:post border};
  323. border-right:0px;
  324. border-left:5px solid {color:post border};
  325. }
  326.  
  327. #asker img {
  328. margin-right:10px;
  329. padding:3px;
  330. background:white;
  331. border:1px solid {color:borders};
  332. }
  333.  
  334. #asker a {
  335. text-transform:uppercase;
  336. letter-spacing:1px;
  337. background-color:transparent;
  338. border-bottom:0px;
  339. font-family:consolas;
  340. color:{color:asker};
  341. }
  342.  
  343. #asker a:hover {
  344. border-bottom:1px solid {color:link underline};
  345. }
  346.  
  347. #ans {
  348. margin-left:-10px;
  349. margin-right:-10px;
  350. margin-top:10px;
  351. min-height:38px;
  352. padding:5px;
  353. padding-right:10px;
  354. padding-left:10px;
  355. background:white;
  356. border:1px solid {color:post border};
  357. border-left:0px;
  358. border-right:5px solid {color:post border};
  359. text-align:right;
  360. }
  361.  
  362. #ans a{
  363. color:{color:link text};
  364. background-color:{color:link background};
  365. }
  366.  
  367. #ans a:hover{
  368. border-bottom:1px solid {color:link underline}
  369. }
  370.  
  371. .line {
  372. font-size:11px;
  373. line-height:20px;
  374. }
  375.  
  376. .odd .line {
  377. margin-left:-10px;
  378. margin-right:-10px;
  379. padding-left:10px;
  380. border:1px solid {color:post border};
  381. border-left:5px solid {color:post border};
  382. border-right:0px;
  383. }
  384.  
  385. .even .line {
  386. margin-left:-10px;
  387. margin-right:-10px;
  388. padding-left:15px;
  389. border-right:0px;
  390. border-left:0px;
  391. }
  392.  
  393. .label {
  394. letter-spacing:uppercase;
  395. }
  396.  
  397. .qsource {
  398. font-size:12px;
  399. font-style:italic;
  400. font-family:calibri;
  401. }
  402.  
  403. .qsource a{
  404. color:{color:link text};
  405. background-color:{color:link background};
  406. }
  407.  
  408. .qsource a:hover{
  409. border-bottom:1px solid {color:link underline}
  410. }
  411.  
  412. .aud1 {
  413. margin-left:-10px;
  414. margin-right:-10px;
  415. margin-top:10px;
  416. padding:10px;
  417. background:white;
  418. border:1px solid {color:post border};
  419. border-left:5px solid {color:post border};
  420. border-right:0px;
  421. text-align:left;
  422. }
  423.  
  424. .aud2 {
  425. margin-left:-10px;
  426. margin-right:-10px;
  427. margin-top:10px;
  428. padding:10px;
  429. background:white;
  430. border:1px solid {color:post border};
  431. border-right:5px solid {color:post border};
  432. border-left:0px;
  433. text-align:left;
  434. }
  435.  
  436. .aud2 img{
  437. margin-left:5px;
  438. width:50px;
  439. padding:5px;
  440. background:white;
  441. border:1px solid {color:borders};
  442. }
  443.  
  444. .aud3 {
  445. position:absolute;
  446. overflow:hidden;
  447. margin-top:-1px;
  448. margin-left:75px;
  449. height:60px;
  450. width:170px;
  451. {block:PermalinkPage}width:210px;{/block:PermalinkPage}
  452. }
  453.  
  454. .a1{
  455. overflow:hidden;
  456. margin-top:10px;
  457. width:150px;
  458. height:10px;
  459. padding:5px;
  460. padding-top:3px;
  461. padding-bottom:3px;
  462. background:white;
  463. border:1px solid {color:audio};
  464. border-left:5px solid {color:audio};
  465. line-height:10px;
  466. {block:PermalinkPage}width:190px;{/block:PermalinkPage}
  467. }
  468.  
  469. .aud4 {
  470. position:absolute;
  471. overflow:hidden;
  472. margin-top:-1px;
  473. margin-left:290px;
  474. width:210px;
  475. height:60px;
  476. }
  477.  
  478. /* sidebar */
  479. #sidebar {
  480. position:fixed;
  481. margin-left:170px;
  482. margin-top:170px;
  483. width:200px;
  484. height:auto;
  485. background-color:white;
  486. padding:10px;
  487. border:1px solid {color:sidebar border};
  488. font-size:9px;
  489. font-family:Arial;
  490. {block:IfShortSidebar}
  491. margin-left:210px;
  492. width:160px;
  493. {/block:IfShortSidebar}
  494. {block:IfSidebarShadow}
  495. box-shadow: 5px -5px 0px {color:sidebar shadow};
  496. {/block:IfSidebarShadow}
  497. }
  498.  
  499. .simg{
  500. margin-bottom:5px;
  501. }
  502.  
  503. .desc a{
  504. color:{color:link text};
  505. background-color:{color:link background};
  506. }
  507.  
  508. .desc a:hover{
  509. border-bottom:1px solid {color:link underline}
  510. }
  511.  
  512. .sidebartop{
  513. margin:-10px;
  514. margin-bottom:10px;
  515. height:16px;
  516. background:{color:sidebar border};
  517. line-height:16px;
  518. padding:5px;
  519. padding-left:10px;
  520. color:white;
  521. letter-spacing:1px;
  522. font-family:consolas;
  523. font-size:10px;
  524. }
  525.  
  526. .sbox1{
  527. position:absolute;
  528. margin-top:-15px;
  529. margin-left:154px;
  530. height:12px;
  531. width:16px;
  532. border:1px solid white;
  533. background:{color:sidebar border};
  534. line-height:6px;
  535. text-align:center;
  536. {block:IfShortSidebar}margin-left:114px;{/block:IfShortSidebar}
  537. }
  538.  
  539. .sbox2 {
  540. position:absolute;
  541. margin-top:-15px;
  542. margin-left:170px;
  543. height:12px;
  544. width:16px;
  545. border:1px solid white;
  546. background:{color:sidebar border};
  547. line-height:12px;
  548. text-align:center;
  549. {block:IfShortSidebar}margin-left:130px;{/block:IfShortSidebar}
  550. }
  551.  
  552. .sbox3 {
  553. position:absolute;
  554. margin-top:-15px;
  555. margin-left:186px;
  556. height:12px;
  557. width:16px;
  558. border:1px solid white;
  559. background:{color:sidebar border};
  560. line-height:12px;
  561. text-align:center;
  562. {block:IfShortSidebar}margin-left:146px;{/block:IfShortSidebar}
  563. }
  564.  
  565. #navi {
  566. overflow:hidden;
  567. margin-top:10px;
  568. margin-left:-10px;
  569. margin-right:-10px;
  570. height:20px;
  571. border-top:1px solid {color:sidebar border};
  572. border-bottom:1px solid {color:sidebar border};
  573. text-align:center;
  574. letter-spacing:1px;
  575. text-transform:uppercase;
  576. font-family:calibri;
  577. transition: all 0.4s ease-out;
  578. -o-transition-transition: all 0.4s ease-out;
  579. -webkit-transition: all 0.4s ease-out;
  580. -moz-transition: all 0.4s ease-out;
  581. }
  582.  
  583. #navi:hover{
  584. height:77px;
  585. border-bottom:1px solid {color:sidebar border};
  586. }
  587.  
  588. #navi a{
  589. color:{color:navi links};
  590. }
  591.  
  592. #navi a:hover{
  593. color:{color:navi links};
  594. }
  595.  
  596. .n1{
  597. margin-left:0px;
  598. margin-right:0px;
  599. height:10px;
  600. padding:5px;
  601. border-bottom:1px solid {color:sidebar border};
  602. background:{color:navi background};
  603. color:{color:navi title};
  604. line-height:10px;
  605. font-family:consolas;
  606. font-size:10px;
  607. }
  608.  
  609. .n2{
  610. margin-left:0px;
  611. margin-right:0px;
  612. height:10px;
  613. width:102px;
  614. {block:IfShortSidebar}
  615. width:82px;
  616. {/block:IfShortSidebar}
  617. padding:4px;
  618. border-bottom:1px solid {color:sidebar border};
  619. border-right:1px solid {color:sidebar border};
  620. line-height:10px;
  621. font-size:8px;
  622. }
  623.  
  624. .n3{
  625. margin-left:111px;
  626. margin-top:-19px;
  627. height:10px;
  628. width:101px;
  629. {block:IfShortSidebar}
  630. margin-left:91px;
  631. width:81px;
  632. {/block:IfShortSidebar}
  633. padding:4px;
  634. border-bottom:1px solid {color:sidebar border};
  635. line-height:10px;
  636. font-size:8px;
  637. }
  638.  
  639. #pg {
  640. position:fixed;
  641. margin-top:20px;
  642. margin-left:0px;
  643. height:26px;
  644. width:202px;
  645. background:transparent;
  646. text-align:center;
  647. font-family:consolas;
  648. font-size:11px;
  649. {block:IfShortSidebar}width:162px;{/block:IfShortSidebar}
  650. }
  651.  
  652. #pg a{
  653. height:auto;
  654. width:20px;
  655. background:white;
  656. border:1px solid {color:pagination};
  657. padding:5px;
  658. line-height:24px;
  659. }
  660.  
  661. .currentpg{
  662. width:20px;
  663. padding:5px;
  664. background:{color:pagination};
  665. border:1px solid {color:pagination};
  666. color:white;
  667. line-height:24px;
  668. }
  669.  
  670. .currentpg a{
  671. color:white;
  672. }
  673.  
  674. .pagination {
  675. display: none;}
  676.  
  677. #crt {
  678. z-index: 4783;
  679. position:fixed;
  680. bottom:-1px;
  681. right:10px;
  682. width:60px;
  683. background:white;
  684. border: 1px solid #eee;
  685. padding: 5px;
  686. font-family: calibri;
  687. font-size: 10px;
  688. line-height: 12px;
  689. letter-spacing:1px;
  690. color:#bbb;
  691. font-style:italic;
  692. text-align:center;
  693. transition: all 0.6s ease-out;
  694. -o-transition-transition: all 0.4s ease-out;
  695. -webkit-transition: all 0.4s ease-out;
  696. -moz-transition: all 0.4s ease-out;
  697. }
  698.  
  699. #crt a{
  700. color:#bbb;
  701. }
  702.  
  703. #crt:hover{
  704. opacity: 0;
  705. transition: all 0.6s ease-out;
  706. -o-transition-transition: all 0.4s ease-out;
  707. -webkit-transition: all 0.4s ease-out;
  708. -moz-transition: all 0.4s ease-out;
  709. }
  710.  
  711. #ctpl {
  712. z-index: 4780;
  713. position:fixed;
  714. bottom:-1px;
  715. right:10px;
  716. width:60px;
  717. background:white;
  718. border: 1px solid #eee;
  719. padding: 5px;
  720. font-family: calibri;
  721. font-size: 10px;
  722. line-height: 12px;
  723. letter-spacing:1px;
  724. color:#bbb;
  725. font-style:italic;
  726. text-align:center;
  727. }
  728.  
  729. #ctpl a{
  730. color:#bbb;
  731. }
  732.  
  733. {CustomCSS}
  734.  
  735. </style>
  736.  
  737. <!------title------>
  738. <title>{title}</title>
  739. <link rel="shortcut icon" href="{Favicon}" />
  740. <meta name="viewport" content="width=820" />
  741.  
  742. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  743.  
  744. {block:IfNotInfiniteScroll}
  745. <script type="text/javascript">
  746. $(window).load(function () {
  747. $('#container').masonry({
  748. itemSelector : "#entry",
  749. },
  750. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  751. );
  752. });
  753. </script>
  754. {/block:IfNotInfiniteScroll}
  755.  
  756. {/block:IfInfiniteScroll}
  757. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  758. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  759.  
  760. <script>
  761. $(function(){
  762. var $container = $('#posts');
  763. $container.imagesLoaded(function(){
  764. $container.masonry({
  765. itemSelector: '#entry',
  766. });
  767. });
  768. $container.infinitescroll({
  769. itemSelector : "#entry",
  770. navSelector : "div.pagination",
  771. nextSelector : ".pagination a#next",
  772. loadingImg : "",
  773. loadingText : "<em></em>",
  774. bufferPx : 10000,
  775. extraScrollPx: 12000,
  776. },
  777. // trigger Masonry as a callback
  778. function( newElements ) {
  779. var $newElems = $( newElements ).css({ opacity: 0 });
  780. // ensure that images load before adding to masonry layout
  781. $newElems.imagesLoaded(function(){
  782. $newElems.animate({ opacity: 1 });
  783. $container.masonry( 'appended', $newElems, true );
  784. });
  785. }
  786. );
  787. });
  788. </script>
  789. {/block:IfInfiniteScroll}
  790.  
  791. </head>
  792.  
  793. <body>
  794.  
  795. <a href="http://dyothms.tumblr.com/"><div id="crt">theme</div>
  796. <div id="ctpl">dyothms</div></a>
  797.  
  798. <!------mainhtml1------>
  799. <div id="sidebar">
  800. <div class="sidebartop">&raquo; {text:blogtitle}
  801. <div class="sbox1">_</div>
  802. <div class="sbox2">□</div>
  803. <div class="sbox3">x</div>
  804. </div><!--sidebartop-->
  805. {block:IfSidebarImage}<div class="simg"><img src="{image:sidebar}" /></div>{/block:IfSidebarImage}
  806. <div class="desc">{description}</div>
  807. <div id="navi">
  808. <div class="n1">+navigation</div>
  809. <div class="n2"><a href="{text:link 1}">{text:link 1 title}</a></div>
  810. <div class="n3"><a href="{text:link 2}">{text:link 2 title}</a></div>
  811. <div class="n2"><a href="{text:link 3}">{text:link 3 title}</a></div>
  812. <div class="n3"><a href="{text:link 4}">{text:link 4 title}</a></div>
  813. <div class="n2"><a href="{text:link 5}">{text:link 5 title}</a></div>
  814. <div class="n3"><a href="{text:link 6}">{text:link 6 title}</a></div>
  815. </div><!--navi-->
  816. {block:IfNotInfiniteScroll}
  817. <div id="pg">
  818. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}
  819. {block:JumpPagination length="5"}
  820. {block:CurrentPage}
  821. <span class="currentpg">{PageNumber}</span>
  822. {/block:CurrentPage}
  823.  
  824. {block:JumpPage}
  825. <a href="{URL}">{PageNumber}</a>
  826. {/block:JumpPage}
  827. {/block:JumpPagination}
  828. {block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}{/block:Pagination}
  829. </div><!--pg-->
  830. {block:IfNotInfiniteScroll}
  831. </div><!--sidebar-->
  832.  
  833. <!------mainhtml2------>
  834.  
  835. <!------posts1------>
  836. <div id="posts">
  837. {block:Posts}
  838. <div id="entry">
  839.  
  840. <div class="perma">
  841. <a href="{Permalink}">
  842. &raquo; {block:Date}{lang:Posted TimeAgo}{/block:Date}
  843. {block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}
  844. </a>
  845. <div class="pbox1">_</div>
  846. <div class="pbox2">□</div>
  847. <div class="pbox3">x</div>
  848. </div><!--perma-->
  849.  
  850. {block:Text}
  851. {block:Title}<div class="title">{Title}</div>{/block:Title}
  852. <div class="caption">{Body}</div>
  853. {/block:Text}
  854.  
  855. {block:Link}
  856. <div class="title"><a href="{URL}" >{Name}</a></div>
  857. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  858. {/block:Link}
  859.  
  860. {block:Answer}
  861. <div id="asker">
  862. {block:IfBlackAndWhitePosts}<div class="bw">{/block:IfBlackAndWhitePosts}
  863. <img src="{AskerPortraitURL-30}" align="left">
  864. {block:IfBlackAndWhitePosts}</div>{/block:IfBlackAndWhitePosts}
  865. {Asker}: {Question}</div>
  866. <div id="ans">{Answer}</div>
  867. {/block:Answer}
  868.  
  869. {block:Photo}
  870. {LinkOpenTag}
  871. {block:IfBlackAndWhitePosts}<div class="bw">{/block:IfBlackAndWhitePosts}
  872. {block:IndexPage}<img src="{PhotoURL-250}" />{/block:IndexPage}
  873. {block:PermalinkPage}<img src="{PhotoURL-500}" />{/block:PermalinkPage}
  874. {block:IfBlackAndWhitePosts}</div>{/block:IfBlackAndWhitePosts}
  875. {LinkCloseTag}
  876. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  877. {/block:Photo}
  878.  
  879. {block:Photoset}
  880. {block:IfBlackAndWhitePosts}<div class="bw">{/block:IfBlackAndWhitePosts}
  881. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  882. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  883. {block:IfBlackAndWhitePosts}</div>{/block:IfBlackAndWhitePosts}
  884. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  885. {/block:Photoset}
  886.  
  887. {block:Video}
  888. {block:IfBlackAndWhitePosts}<div class="bw">{/block:IfBlackAndWhitePosts}
  889. {block:IndexPage}{Video-250}{/block:IndexPage}
  890. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  891. {block:IfBlackAndWhitePosts}</div>{/block:IfBlackAndWhitePosts}
  892. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  893. {/block:Video}
  894.  
  895. {block:Audio}
  896. <div class="aud1">{AudioPlayer}</div><!--aud1-->
  897. <div class="aud2">
  898. {block:IndexPage}
  899. <div class="aud3">
  900. <div class="a1">Track: {block:TrackName}{TrackName}{/block:TrackName}</div>
  901. <div class="a1">{block:Artist}Artist: {Artist}{/block:Artist}</div>
  902. </div><!--aud3-->
  903. {/block:IndexPage}
  904. {block:PermalinkPage}
  905. <div class="aud3">
  906. <div class="a1">Track: {block:TrackName}{TrackName}{/block:TrackName}</div><!--a1-->
  907. <div class="a1">{block:Artist}Artist: {Artist}{/block:Artist}</div><!--a1-->
  908. </div><!--aud3-->
  909. <div class="aud4">
  910. <div class="a1">Album: {block:Album}{Album}{/block:Album}</div><!--a1-->
  911. <div class="a1">Play Count: {block:PlayCount}{FormattedPlayCount}{/block:PlayCount}</div><!--a1-->
  912. </div><!--aud4-->
  913. {/block:PermalinkPage}
  914. {block:IfBlackAndWhitePosts}<div class="bw">{/block:IfBlackAndWhitePosts}
  915. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  916. {block:IfBlackAndWhitePosts}</div>{/block:IfBlackAndWhitePosts}
  917. </div><!--aud2-->
  918. {block:Caption}<br /><div class="caption">{Caption}</div>{/block:Caption}
  919. {/block:Audio}
  920.  
  921. {block:Quote}
  922. <div class="title">"{Quote}"
  923. <span class="qsource">{block:Source}— {Source}{/block:Source}</span>
  924. </div><!--title-->
  925. {/block:Quote}
  926.  
  927. {block:Chat}
  928. {block:Title}{Title}<br />{/block:Title}
  929. {block:Lines}
  930. <div class="{Alt}"><div class="line">
  931. {block:Label}{Label}{/block:Label} {Line}<br />
  932. </div><!--line-->
  933. </div><!--alt-->
  934. {/block:Lines}
  935. {/block:Chat}
  936.  
  937. {block:PermalinkPage}
  938.  
  939. {block:HasTags}<div class="tags">
  940. <font color="{color:text}">tags:</font>
  941. {block:Tags}<a href="{TagURL}">{Tag}</a><span class="comma">, </span>{/block:Tags}.
  942. </div><!--tags-->
  943. {/block:HasTags}
  944.  
  945. <div class="vias">
  946. {block:RebloggedFrom}
  947. {lang:via}: <a href="{ReblogParentURL}">{ReblogParentName}</a> -
  948. {lang:source}: <a href="{ReblogRootURL}">{ReblogRootName}</a> -
  949. {/block:RebloggedFrom}
  950. {block:NotReblog}my original post - {/block:NotReblog}
  951. <a href="{ReblogURL}">reblog</a>
  952. </div>
  953.  
  954. {block:PostNotes}
  955. <div id="notecontainer">{PostNotes}</div>
  956. {/block:PostNotes}
  957.  
  958. <center>{block:ContentSource}
  959. <br><a href="{SourceURL}">
  960. {lang:Source}:
  961. {block:SourceLogo}
  962. <img src="{BlackLogoURL}" width="{LogoWidth}"
  963. height="{LogoHeight}" alt="{SourceTitle}" />
  964. {/block:SourceLogo}
  965. {block:NoSourceLogo}
  966. {SourceLink}
  967. {/block:NoSourceLogo}
  968. </a>
  969. {/block:ContentSource}</center>
  970.  
  971. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  972.  
  973. {/block:PermalinkPage}
  974.  
  975. </div><!--entry-->
  976.  
  977. {/block:Posts}
  978.  
  979. </div><!--posts-->
  980. <!------posts2------>
  981.  
  982. {block:IfInfiniteScroll}
  983. <div class="pagination">
  984. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  985. </div>
  986. {/block:IfInfiniteScroll}
  987.  
  988. </body>
  989.  
  990. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!