API tools faq
paste
Advertisement
DaeThemes

Dream Catcher Theme 001

DaeThemes
Jan 14th, 2014
3,655
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.01 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5.  
  6. <!-----
  7.  
  8. . . .
  9. | | |
  10. ,-| ,-: ,-. |- |-. ,-. ;-.-. ,-. ,-.
  11. | | | | |-' - | | | |-' | | | |-' `-.
  12. `-' `-` `-' `-' ' ' `-' ' ' ' `-' `-'
  13.  
  14. DREAM CATCHER THEME 001 BY DAEFICS
  15. FIND MORE AT DAE-THEMES.TUMBLR.COM
  16.  
  17. + YOU MAY EDIT AS MUCH AS YOU LIKE
  18. + DO NOT REMOVE THE CREDIT
  19. + DO NOT USE AS A BASE
  20. + DO NOT STEAL OR REDISTRIBUTE
  21. + THANK YOU
  22.  
  23. --->
  24.  
  25. <!-- DEFAULT VARIABLES -->
  26. <meta name="color:background" content="#ffffff"/>
  27. <meta name="color:sidebar" content="#000000"/>
  28. <meta name="color:text" content="#000000"/>
  29. <meta name="color:posts" content="#eeeeee"/>
  30. <meta name="color:posttitles" content="#000000"/>
  31. <meta name="color:postborder" content="#000000"/>
  32. <meta name="color:links" content="#777799"/>
  33. <meta name="color:links hover" content="#119944"/>
  34. <meta name="color:bold" content="#3377aa"/>
  35. <meta name="color:italic" content="#118844"/>
  36. <meta name="color:accents" content="#447799"/>
  37. <meta name="color:threads" content="#888888"/>
  38. <meta name="color:baubles" content="#447799"/>
  39. <meta name="color:homelinks" content="#777799"/>
  40. <meta name="color:homelinkshover" content="#119944"/>
  41. <meta name="color:navlinks" content="#777799"/>
  42. <meta name="color:navlinkshover" content="#119944"/>
  43. <meta name="color:linkbuttons" content="#ffffff"/>
  44. <meta name="color:tags" content="#777799"/>
  45. <meta name="color:tags hover" content="#119944"/>
  46.  
  47. <meta name="image:sidebar" content="http://static.tumblr.com/1188d5d2f25c88a4dba81edf9a9e1990/lueqwko/NtImzd438/tumblr_static_big_waterfall.jpg" />
  48.  
  49. <meta name="if:Rounded Edges" content="1"/>
  50. <meta name="if:Fade Photos" content="1"/>
  51.  
  52.  
  53. <meta name="text:link1" content="Link1"/>
  54. <meta name="text:link1 URL" content="/"/>
  55. <meta name="text:link2" content="Link2"/>
  56. <meta name="text:link2 URL" content="/"/>
  57. <meta name="text:link3" content="Link3"/>
  58. <meta name="text:link3 URL" content="/"/>
  59. <meta name="text:link4" content="Link4"/>
  60. <meta name="text:link4 URL" content="/"/>
  61. <meta name="text:link5" content=""/>
  62. <meta name="text:link5 URL" content=""/>
  63. <meta name="text:link6" content=""/>
  64. <meta name="text:link6 URL" content=""/>
  65.  
  66. <title>{Title}</title>
  67. <divnk rel="shortcut icon" href="{Favicon}" />
  68. <divnk rel="alternate" type="application/rss+xml" href="{RSS}" />
  69. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  70.  
  71. <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  72. <link href='http://fonts.googleapis.com/css?family=Mr+De+Haviland' rel='stylesheet' type='text/css'>
  73. <link href='http://fonts.googleapis.com/css?family=Bilbo' rel='stylesheet' type='text/css'>
  74.  
  75.  
  76. <style type="text/css">
  77.  
  78. body {
  79. background-color:{color:background};
  80. color:{color:text};
  81. font-family: arial;
  82. font-size:11px;
  83. overflow-y: scroll;
  84. overflow-x: hidden;
  85. }
  86.  
  87. #posts b, strong {
  88. color:{color:bold};
  89. }
  90.  
  91. #posts em {
  92. color:{color:italic};
  93. }
  94.  
  95. a {
  96. color:#cc0000;
  97. text-decoration:none;
  98. }
  99.  
  100. a:hover {
  101. color:{color:linkshover};
  102. text-decoration:none;
  103. }
  104.  
  105. blockquote {
  106. border-left:2px solid #999999;
  107. padding-left:5px;
  108. margin:0px 4px 0px 10px
  109. }
  110.  
  111.  
  112.  
  113. #colorbar2 {
  114. position:fixed;
  115. left:360px;
  116. top:0px;
  117. height:100%;
  118. background-color:{color:threads};
  119. width:2px;
  120. }
  121.  
  122. #colorbar {
  123. position:fixed;
  124. left:340px;
  125. top:0px;
  126. height:100%;
  127. background-color:{color:accents};
  128. width:15px;
  129. z-index:3;
  130. }
  131.  
  132. #sidebar {
  133. position:fixed;
  134. top:0px;
  135. padding-top:50px;
  136. left:0px;
  137. padding-left:50px;
  138. width:340px;
  139. height:100%;
  140. background-color:{color:sidebar};
  141. }
  142.  
  143. #sidebar a{
  144. color: #ffffff;
  145. }
  146.  
  147. #sidebar a:hover {
  148. color:{color:navlinkshover};
  149. }
  150.  
  151.  
  152. #sidebartext {
  153. position: fixed;
  154. top:250px;
  155. left:30px;
  156. text-align:center;
  157. color:#ffffff;
  158. margin:10px;
  159. height:15px;
  160. line-height:15px;
  161. margin-bottom:30px;
  162. width:260px;
  163. font-size:24px;
  164. font-family:'Allura', sans-serif;
  165. background-color:{color:accents};
  166. opacity:.8;
  167. z-index:99;
  168. }
  169.  
  170. #sidebartext a{
  171. color: #ffffff;
  172. text-decoration:none;
  173. }
  174.  
  175. #sidebartext a:hover{
  176. color: #ffffff;
  177. text-decoration:none;
  178. }
  179.  
  180. .whiteback {
  181. position:absolute;
  182. display:block;
  183. text-align:center;
  184. top:52px;
  185. margin-left:22px;
  186. width:196px;
  187. height:196px;
  188. font-size:11px;
  189. color:#000000;
  190. border-radius:100%;
  191. background-color:#ffffff;
  192. z-index:99;
  193. opacity:0;
  194. transition: opacity .6s ease-out;
  195. -moz-transition: opacity .6s ease-out;
  196. -webkit-transition: opacity .6s ease-out;
  197. -o-transition: opacity .6s ease-out;
  198.  
  199. }
  200.  
  201. .whiteback:hover{
  202. opacity:.8;
  203. transition: opacity .6s ease-out;
  204. -moz-transition: opacity .6s ease-out;
  205. -webkit-transition: opacity .6s ease-out;
  206. -o-transition: opacity .6s ease-out;
  207. }
  208.  
  209.  
  210.  
  211. .sidebarimg {
  212. position:absolute;
  213. top:50px;
  214. width:194px;
  215. height:194px;
  216. margin-left:20px;
  217. border-radius:100%;
  218. z-index:9;
  219. opacity:1;
  220. border:3px solid {color:threads};
  221.  
  222. }
  223.  
  224. .sidebarimg img{
  225. width:195px;
  226. height:195px;
  227. border-radius:100%;
  228. }
  229.  
  230.  
  231.  
  232.  
  233. #pagination {
  234. position:fixed;
  235. bottom:50px;
  236. left:323px;
  237. display:block;
  238. text-align:center;
  239. vertical-align:middle;
  240. height:50px;
  241. width:50px;
  242. font-size:16px;
  243. line-height:50px;
  244. border-radius:100%;
  245. background-color:{color:linkbuttons};
  246. z-index:99;
  247. }
  248.  
  249. #pagination a{
  250. color:{color:navlinks};
  251. }
  252.  
  253. #pagination a:hover{
  254. color:{color:navlinkshover};
  255. }
  256.  
  257.  
  258. #entries {
  259. position:absolute;
  260. top:10px;
  261. left:500px;
  262. width: 520px;
  263. }
  264.  
  265. #entries img {
  266. max-width: 100%;
  267. }
  268.  
  269.  
  270.  
  271. #links {
  272. position:fixed;
  273. background-color:{color:linkbuttons};
  274. top:80px;
  275. left:323px;
  276. text-align:center;
  277. width:50px;
  278. height:50px;
  279. font-family: times new roman;
  280. line-height:10px;
  281. z-index:99;
  282. border-radius:100%;
  283.  
  284. }
  285.  
  286. #links a{
  287. display:block;
  288. color:{color:navlinks};
  289. background-color:{color:linkbuttons};
  290. width:100%;
  291. font-size:12px;
  292. font-family: times new roman;
  293. line-height:50px;
  294. border-radius:100%;
  295. text-decoration:none;
  296.  
  297. }
  298.  
  299. #links a:hover{
  300. color:{color:navlinkshover};
  301. text-decoration:none;
  302.  
  303. }
  304.  
  305.  
  306.  
  307. {block:IfFadePhotos}
  308. #entries img{
  309.  
  310. opacity: .6;
  311. transition: opacity .6s ease-out;
  312. -moz-transition: opacity .6s ease-out;
  313. -webkit-transition: opacity .6s ease-out;
  314. -o-transition: opacity .6s ease-out;
  315.  
  316. }
  317.  
  318. #entries img:hover
  319. {
  320. opacity:1;
  321. }
  322.  
  323. {/block:IfFadePhotos}
  324.  
  325. #container {
  326. background-color:{color:posts};
  327. {block:IfRoundedEdges}
  328. border-radius: 10px;
  329. -moz-border-radius: 10px;
  330. {/block:IfRoundedEdges}
  331. margin-bottom:20px;
  332. padding:0px;
  333. border:2px solid {color:postborder};
  334. }
  335.  
  336.  
  337. #reblog {
  338. position:absolute;
  339. right:10px;
  340. background-color:{color:postborder};
  341. opacity:0;
  342. padding:5px;
  343. z-index:99;
  344. -webkit-transition: all 0.8s ease-in-out;
  345. -moz-transition: all 0.8s ease -in-out;
  346. -o-transition: all 0.8s ease-in-out;
  347. transition: all 0.8s ease-in-out;
  348. -webkit-backface-visibility: hidden;
  349. }
  350.  
  351. #posts {
  352. width: 500px;
  353. color:{color:text};
  354. padding:10px;
  355. }
  356.  
  357. #posts a {
  358. color: {color:links};
  359. text-decoration:none;
  360. letter-spacing:1px;
  361. }
  362.  
  363. #posts a:hover {
  364. color:{color:links hover};
  365. text-decoration:none;
  366. }
  367.  
  368. #posts:hover #reblog{
  369. opacity:0.9;
  370. }
  371.  
  372.  
  373. .posttext h2{
  374. font-family:'Allura';
  375. color:{color:posttitles};
  376. font-size:30px;
  377. line-height:20px;
  378. margin-top:5px;
  379. margin-bottom:5px;
  380. padding-left:10px;
  381. letter-spacing:2px;
  382. border-bottom:1px dashed {color:accents};
  383. }
  384.  
  385. .caption {
  386.  
  387. }
  388.  
  389. {block:IfFadePhotos}
  390. #photoset{
  391.  
  392. opacity: .6;
  393. transition: opacity .6s ease-out;
  394. -moz-transition: opacity .6s ease-out;
  395. -webkit-transition: opacity .6s ease-out;
  396. -o-transition: opacity .6s ease-out;
  397.  
  398. }
  399.  
  400. #photoset:hover
  401. {
  402. opacity:1;
  403. }
  404.  
  405. {/block:IfFadePhotos}
  406.  
  407.  
  408.  
  409. .postlink h1{
  410. text-align:center;
  411. margin-top:0px;
  412. margin-bottom:0px;
  413. font-family:'Bilbo', serif;
  414. font-size:40px;
  415. border-bottom:1px dashed {color:accents};
  416. }
  417.  
  418. .postquote {
  419. font-family:'Bilbo', serif;
  420. font-size:40px;
  421. line-height:38px;
  422. }
  423.  
  424. .source {
  425. text-align:right;
  426. font-family: times new roman, serif;
  427. font-size:16px;
  428. font-style:italic;
  429. opacity:.6;
  430. border-top:1px dashed {color:accents};
  431.  
  432. }
  433.  
  434. #postasks {
  435. font-style:italic;
  436.  
  437. }
  438.  
  439. .asker {
  440. margin-top:10px;
  441. color:{color:links hover};
  442.  
  443. }
  444.  
  445. #answer {
  446.  
  447. }
  448.  
  449. .postchat {
  450.  
  451. }
  452.  
  453. .user_1 .label {
  454. color:{color:bold};
  455. text-transform:uppercase;
  456. font-weight:bold}
  457. .user_2 .label {
  458. color:{color:italic};
  459. text-transform:uppercase;
  460. font-weight:bold}
  461. .user_3 .label {
  462. color:{color:baubles};
  463. text-transform:uppercase;
  464. font-weight:bold}
  465. .user_4 .label {
  466. color:{color:accents};
  467. text-transform:uppercase;
  468. font-weight:bold}
  469.  
  470. .postvideo {
  471. width:100%;
  472. }
  473.  
  474. .postaudio {
  475. width:500px;
  476. }
  477.  
  478.  
  479. .audiocaption{
  480. margin-left:110px;
  481. margin-top:0px;
  482. height:70px;
  483. opacity:.6;
  484. font-style:italic;
  485. }
  486. .audioart img{
  487. position:relative;
  488. top:0px;
  489. width:100px;
  490. height:100px;
  491.  
  492. }
  493.  
  494. .player {
  495. position:relative;
  496. margin-top:-100px;
  497. margin-left:100px;
  498. }
  499.  
  500.  
  501.  
  502.  
  503. #info {
  504. background-color: {color:postborder};
  505. color:#ffffff;
  506. font-family:arial;
  507. font-size:11px;
  508. margin-top:10px;
  509. margin-left:-10px;
  510. width:514px;
  511. padding:2px;
  512. }
  513.  
  514. #tags {
  515. margin-top:5px;
  516. }
  517.  
  518. #tags a{
  519. color:{color:tags};
  520. letter-spacing:1px
  521. }
  522.  
  523. #tags a:hover{
  524. color:{color:tags hover};
  525. }
  526.  
  527. #postnotes a{
  528. color:{color:links};
  529. }
  530.  
  531. #postnotes a:hover{
  532. color:{color:links hover};
  533. }
  534.  
  535. #info a{
  536. color:#ffffff;
  537. }
  538.  
  539. #info a:hover{
  540. color:#ffffff;
  541. }
  542.  
  543.  
  544.  
  545. .line1 {
  546. position:absolute;
  547. background-color:{color:threads};
  548. margin-top:150px;
  549. margin-left:60px;
  550. width:2px;
  551. height:280px;
  552. z-index:1;
  553.  
  554. }
  555.  
  556. .line2 {
  557. position:absolute;
  558. background-color:{color:threads};
  559. margin-top:160px;
  560. margin-left:100px;
  561. width:2px;
  562. height:240px;
  563. z-index:1;
  564.  
  565. }
  566.  
  567. .line3 {
  568. position:absolute;
  569. background-color:{color:threads};
  570. margin-top:160px;
  571. margin-left:140px;
  572. width:2px;
  573. height:320px;
  574. z-index:1;
  575.  
  576. }
  577.  
  578. .line4 {
  579. position:absolute;
  580. background-color:{color:threads};
  581. margin-top:160px;
  582. margin-left:180px;
  583. width:2px;
  584. height:260px;
  585. z-index:1;
  586.  
  587. }
  588.  
  589.  
  590. #feather1 {
  591. z-index:1;
  592. position: fixed;
  593. display:block;
  594. top:420px;
  595. left: 92px;
  596. -webkit-transition: all .4s ease-in-out;
  597. -moz-transition: all .4s ease-in-out;
  598. -o-transition: all .4s ease-in-out;
  599. transition: all .4s ease-in-out;
  600. }
  601.  
  602. #feather1:hover {
  603. top:440px;
  604. left:92px;
  605. z-index:1;
  606. }
  607.  
  608. #feather2 {
  609. z-index:1;
  610. position: fixed;
  611. display:block;
  612. top:390px;
  613. left: 140px;
  614. -webkit-transition: all .4s ease-in-out;
  615. -moz-transition: all .4s ease-in-out;
  616. -o-transition: all .4s ease-in-out;
  617. transition: all .4s ease-in-out;
  618. }
  619.  
  620. #feather2:hover {
  621. top:410px;
  622. left:140px;
  623. z-index:1;
  624. }
  625.  
  626. #feather3 {
  627. z-index:1;
  628. position: fixed;
  629. display:block;
  630. top:450px;
  631. left: 178px;
  632. -webkit-transition: all .4s ease-in-out;
  633. -moz-transition: all .4s ease-in-out;
  634. -o-transition: all .4s ease-in-out;
  635. transition: all .4s ease-in-out;
  636. }
  637.  
  638. #feather3:hover {
  639. top:470px;
  640. left:178px;
  641. z-index:1;
  642. }
  643.  
  644. #feather4 {
  645. z-index:1;
  646. position: fixed;
  647. display:block;
  648. top:390px;
  649. left: 220px;
  650. -webkit-transition: all .4s ease-in-out;
  651. -moz-transition: all .4s ease-in-out;
  652. -o-transition: all .4s ease-in-out;
  653. transition: all .4s ease-in-out;
  654. }
  655.  
  656. #feather4:hover {
  657. top:410px;
  658. left:220px;
  659. z-index:1;
  660. }
  661.  
  662.  
  663.  
  664. .link1 {
  665. margin-top:-70px;
  666. margin-bottom:40px;
  667. margin-left:-20px;
  668. color:{color:homelinks};
  669. font-size:30px;
  670. font-family:'Allura';
  671.  
  672. -webkit-transform: rotate(-90deg);
  673. -moz-transform: rotate(-90deg);
  674. }
  675.  
  676. .link2 {
  677. margin-top:-100px;
  678. margin-bottom:60px;
  679. margin-left:-40px;
  680. color:{color:homelinks};
  681. font-size:30px;
  682. font-family:'Allura';
  683.  
  684. -webkit-transform: rotate(-90deg);
  685. -moz-transform: rotate(-90deg);
  686. }
  687.  
  688. .link3 {
  689. margin-top:-60px;
  690. margin-bottom:60px;
  691. margin-left:-35px;
  692. color:{color:homelinks};
  693. font-size:30px;
  694. font-family:'Allura';
  695.  
  696. -webkit-transform: rotate(-90deg);
  697. -moz-transform: rotate(-90deg);
  698. }
  699.  
  700. .link4 {
  701. margin-top:-70px;
  702. margin-bottom:60px;
  703. margin-left:-40px;
  704. color:{color:homelinks};
  705. font-size:30px;
  706. font-family:'Allura';
  707.  
  708. -webkit-transform: rotate(-90deg);
  709. -moz-transform: rotate(-90deg);
  710. }
  711.  
  712.  
  713. .link1 a:hover{
  714. color:{color:homelinkshover};
  715. }
  716. .link2 a:hover{
  717. color:{color:homelinkshover};
  718. }
  719. .link3 a:hover{
  720. color:{color:homelinkshover};
  721. }
  722. .link4 a:hover{
  723. color:{color:homelinkshover};
  724. }
  725. .link5 a:hover{
  726. color:{color:homelinkshover};
  727. }
  728. .link6 a:hover{
  729. color:{color:homelinkshover};
  730. }
  731.  
  732. .baubles {
  733. margin-left:14px;
  734. width:10px;
  735. height:10px;
  736. background-color:{color:baubles};
  737. border-radius:100%;
  738. }
  739.  
  740. .baubles2 {
  741. margin-left:6px;
  742. width:10px;
  743. height:10px;
  744. background-color:{color:baubles};
  745. border-radius:100%;
  746. }
  747.  
  748. .baubles3 {
  749. margin-left:8px;
  750. width:10px;
  751. height:10px;
  752. background-color:{color:baubles};
  753. border-radius:100%;
  754. }
  755.  
  756.  
  757. #credit a{
  758. position:fixed;
  759. text-align:center;
  760. width:30px;
  761. height:15px;
  762. line-height:18px;
  763. color:#999999;
  764. font-size:8px;
  765. font-family:arial;
  766. bottom:25px;
  767. right:10px;
  768.  
  769. }
  770.  
  771. #credit a:hover{
  772. color:{color:links hover};
  773.  
  774. }
  775.  
  776.  
  777. </style>
  778.  
  779.  
  780.  
  781. </head>
  782. <body>
  783.  
  784.  
  785.  
  786. <div id="sidebar">
  787.  
  788. <div class="whiteback">
  789. <table border="0" style="vertical-align:middle" height="200" width="200" cellpadding="10">
  790. <tr>
  791. <td>
  792. {Description}
  793. </td>
  794. </tr>
  795. </table>
  796. </div>
  797.  
  798. <div class="sidebarimg"><a href="/"><img src="{image:sidebar}"></a></div>
  799.  
  800.  
  801. <div class="line1"></div>
  802. <div class="line2"></div>
  803. <div class="line3"></div>
  804. <div class="line4"></div>
  805.  
  806. <div id="feather1">
  807. <div class="link1"><a href="/">Home</a></div>
  808. <div class="baubles">&nbsp;</div>
  809. <img src="https://31.media.tumblr.com/282b912bef778669d7501a4c27202f5c/tumblr_inline_mzdb7oooVL1rv2smq.png" height="90px">
  810. </div>
  811.  
  812. <div id="feather2">
  813. <div class="link2"><a href="/ask">Ask</a></div>
  814. <div class="baubles2">&nbsp;</div>
  815. <img src="https://31.media.tumblr.com/29024b9aaeb21401a9048b348e7fdd4c/tumblr_inline_mzdb85cdr81rv2smq.png">
  816. </div>
  817.  
  818. <div id="feather3">
  819. <div class="link3"><a href="/submit">Submit</a></div>
  820. <div class="baubles3">&nbsp;</div>
  821. <img src="https://31.media.tumblr.com/776839824d4fda50cc1954cb8dbe60d9/tumblr_inline_mzdb80lwWY1rv2smq.png">
  822. </div>
  823.  
  824. <div id="feather4">
  825. <div class="link4"><a href="/archive">Archive</a></div>
  826. <div class="baubles2">&nbsp;</div>
  827. <img src="https://31.media.tumblr.com/cb512bccc2281ebaf22e8f114d8a5686/tumblr_inline_mzdb7usAvr1rv2smq.png">
  828. </div>
  829. <div id="sidebartext"><a href="/">{Title}</a></div>
  830. <div class="navigation">
  831.  
  832.  
  833.  
  834. </div>
  835.  
  836.  
  837. </div>
  838.  
  839.  
  840.  
  841. <div id="links">
  842. {block:IfLink1}
  843. <a href="{text:link1 url}" title="{text:link1}">I</a><br>
  844. {/block:IfLink1}
  845. {block:IfLink2}
  846. <a href="{text:link2 url}" title="{text:link2}">II</a><br>
  847. {/block:IfLink2}
  848. {block:IfLink3}
  849. <a href="{text:link3 url}" title="{text:link3}">III</a><br>
  850. {/block:IfLink3}
  851. {block:IfLink4}
  852. <a href="{text:link4 url}" title="{text:link4}">IV</a><br>
  853. {/block:IfLink4}
  854. {block:IfLink5}
  855. <a href="{text:link5 url}" title="{text:link5}">V</a><br>
  856. {/block:IfLink5}
  857. {block:IfLink6}
  858. <a href="{text:link6 url}" title="{text:link6}">VI</a>
  859. {/block:IfLink6}
  860. <br>
  861. <br>
  862.  
  863. </div>
  864.  
  865.  
  866. {block:Pagination}<div id="pagination">{block:PreviousPage}
  867. <a href="{PreviousPage}">&#171;</a>
  868. {/block:PreviousPage} {block:NextPage} <a href="{NextPage}">&#187;</a>
  869. {/block:NextPage}
  870. </div>
  871. {/block:Pagination}
  872.  
  873.  
  874. <div id="colorbar"></div>
  875.  
  876. <div id="colorbar2">&nbsp;</div>
  877.  
  878.  
  879. <div id="entries">
  880. {block:Posts}
  881. <div id="container"><div id="posts">
  882.  
  883. {block:IndexPage}
  884. <div id="reblog">
  885. {ReblogButton} {Likebutton}
  886. </div>
  887. {/block:IndexPage}
  888.  
  889.  
  890. {block:Text}
  891. <div class="posttext">
  892. {block:Title}
  893. <h2>{Title}</h2>
  894. {/block:Title}<div class="caption">{Body}</div>
  895. </div>{/block:Text}
  896.  
  897. {block:Photo} <div class="postphoto">
  898. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"/>
  899. {block:Caption}
  900. <div class="caption">{Caption}</div>
  901. {/block:Caption}
  902. </div> {/block:Photo}
  903.  
  904. {block:Panorama} <div class="postpanorama">
  905. {LinkOpenTag}
  906. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  907. {LinkCloseTag}{block:Caption}
  908. <div class="caption">{Caption}</div>
  909. {/block:Caption}
  910. </div> {/block:Panorama}
  911.  
  912. {block:Photoset} <div id="postphotoset">
  913. <div id="photoset">{Photoset}</div>
  914. {block:Caption}
  915. <div class="caption">{Caption}</div>
  916. {/block:Caption}
  917. </div> {/block:Photoset}
  918.  
  919.  
  920. {block:Answer}
  921. <img src="{AskerPortraitURL-64}" style="height:40px; width:40px; float:left;"><div id="postasks"><div class="asker">{Asker} asked:</div>{Question}</div>
  922. {Answer}
  923. {/block:Answer}
  924.  
  925. {block:Quote}
  926. <div class="postquote">
  927. &#8220;{Quote}&#8221;
  928. {block:Source}
  929. <div class="source">-- {Source}</div>
  930. {/block:Source}
  931. </div> {/block:Quote}
  932.  
  933. {block:Link} <div class="postlink">
  934. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  935. {block:Description}
  936. <div class="description">{Description}</div>
  937. {/block:Description}
  938. </div> {/block:Link}
  939.  
  940. {block:Chat} <div class="postchat">
  941. {block:Title}
  942. <h3><a href="{Permalink}">{Title}</a></h3>
  943. {/block:Title}
  944. <div class="chat">
  945. {block:Lines}
  946. <div class="{Alt} user_{UserNumber}">
  947. {block:Label}
  948. <span class="label">{Label}</span>
  949. {/block:Label}{Line}
  950. </div>
  951. {/block:Lines}
  952. </div>
  953. </div> {/block:Chat}
  954.  
  955. {block:Video} <div class="postvideo">
  956. {Video-500}{block:Caption}
  957. <div class="caption">{Caption}</div>
  958. {/block:Caption}
  959. </div>{/block:Video}
  960.  
  961. {block:Audio} <div class="postaudio">
  962. {block:AlbumArt}
  963. <div class="audioart"><img src="{AlbumArtURL}"></div>
  964. {/block:AlbumArt}<div class="player">{AudioPlayerBlack}</div>
  965. <div class="audiocaption"><br>
  966. {block:TrackName}
  967. <strong>Title:</strong> {TrackName}<br>
  968. {/block:TrackName}
  969. {block:Artist}
  970. <strong>Artist:</strong> {Artist}<br>
  971. {/block:Artist}
  972. {block:Album}
  973. <strong>Album:</strong> {Album}<br>
  974. {/block:Album}
  975. <span style="float:right; margin-right:200px">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</span>
  976. </div>
  977.  
  978. {block:Caption}
  979. <div class="caption">{Caption}
  980. </div>
  981. {/block:Caption}
  982. </div>
  983. {/block:Audio}
  984.  
  985. <div id="info">{block:IndexPage} <a href="{Permalink}">Posted {TimeAgo}</a>
  986.  
  987. <div style="float:right;"><a href="{Permalink}">{NoteCount} Notes</a>&nbsp;&nbsp;
  988. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> + <a href="{ReblogRootURL}">source</a>&nbsp;&nbsp;{/block:RebloggedFrom}
  989.  
  990. </div>{/block:IndexPage}
  991.  
  992. {block:PermalinkPage}
  993. {Month} {DayOfMonth}{DayOfMonthSuffix} {Year}
  994.  
  995. <div style="float:right;"><a href="{Permalink}">{NoteCount} Notes</a>&nbsp;&nbsp;
  996. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> + <a href="{ReblogRootURL}">source</a>&nbsp;&nbsp;{/block:RebloggedFrom}
  997. </div>
  998. {/block:PermalinkPage}
  999.  
  1000.  
  1001. </div>
  1002.  
  1003.  
  1004.  
  1005. {block:HasTags}<div id="tags">
  1006. {block:Tags}<a href="/tagged/{Tag}"><span class="num">#</span>{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  1007. </div>{/block:HasTags}
  1008.  
  1009.  
  1010. </div></div>
  1011. {block:PostNotes}<div id="postnotes">{PostNotes-16}
  1012. </div>{/block:PostNotes}
  1013. {/block:posts}
  1014. </div>
  1015.  
  1016. <div id="credit"><a href="http://dae-themes.tumblr.com">THEME<div style="font-size:24px">✪</div></a></div>
  1017.  
  1018.  
  1019. </body>
  1020. </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!