API tools faq
paste
atlasthemes

bittersweet - theme

atlasthemes
Jan 9th, 2019
4,314
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.52 KB | None | 0 0
raw download clone embed print report
  1. <!------------------------------------------------------------------------
  2.  
  3. bittersweet
  4. by @atlasthemes
  5. pls do not remove credit
  6. thanks!<3
  7.  
  8. slide-out menu tutorial
  9. at mistletoe.tumblr.com
  10.  
  11. (menu editing begins
  12. on line 197)
  13.  
  14. ------------------------------------------------------------------------->
  15.  
  16. <html>
  17. <head>
  18. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  22. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  23.  
  24. <meta name="description" content="" />
  25. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  26. <meta name="color:background" content="#FFFFFF">
  27. <meta name="color:text" content="#626262">
  28. <meta name="color:links" content="#aaaaaa">
  29. <meta name="color:accent" content="#ff6f61">
  30. <meta name="color:question" content="#fceceb">
  31. <meta name="text:title" content="your title here">
  32.  
  33. <meta name="select:font size" content="10px"/>
  34. <meta name="select:font size" content="9px"/>
  35. <meta name="select:font size" content="11px"/>
  36. <meta name="select:font size" content="12px"/>
  37.  
  38. <meta name="select:body font" content="Open Sans"/>
  39. <meta name="select:body font" content="Lato"/>
  40. <meta name="select:body font" content="PT Sans"/>
  41. <meta name="select:body font" content="Fira Sans"/>
  42. <meta name="select:body font" content="Muli"/>
  43. <meta name="select:body font" content="Karla"/>
  44.  
  45. <meta name="select:accent font" content="Changa"/>
  46. <meta name="select:accent font" content="Consolas"/>
  47.  
  48. <meta name="if:Show Unnest Captions" content="1"/>
  49. <meta name="select:post size" content="375px"/>
  50. <meta name="select:post size" content="400px"/>
  51. <meta name="select:post size" content="450px"/>
  52. <meta name="select:post size" content="500px"/>
  53. <meta name="select:menu opacity" content="0.7"/>
  54. <meta name="select:menu opacity" content="0.8"/>
  55. <meta name="select:menu opacity" content="0.9"/>
  56. <meta name="select:menu opacity" content="1.0"/>
  57. <meta name="text:link 1" content="one">
  58. <meta name="text:link 1 url" content="/">
  59. <meta name="text:link 2" content="two">
  60. <meta name="text:link 2 url" content="/">
  61. <meta name="text:link 3" content="three">
  62. <meta name="text:link 3 url" content="/">
  63. <meta name="text:link 4" content="four">
  64. <meta name="text:link 4 url" content="/">
  65. <meta name="text:link 5" content="five">
  66. <meta name="text:link 5 url" content="/">
  67. <meta name="text:link 6" content="six">
  68. <meta name="text:link 6 url" content="/">
  69.  
  70. <!--- fonts -->
  71. <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700|Open+Sans:400,400i,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Changa:400,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Lato:400,400i" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,400i" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Muli:400,400i" rel="stylesheet">
  72.  
  73. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  74. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  75. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  76. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  77. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  78. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  79. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  80. </script><script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  81. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  82.  
  83. <script>
  84. function openNav() {
  85. document.getElementById("sbmenu").style.width = "calc(575px)";
  86. document.getElementById("sbmenu").style.left = "0px";}
  87. function closeNav() {
  88. document.getElementById("sbmenu").style.width = "0";
  89. document.getElementById("sbmenu").style.left = "0px";}
  90. </script>
  91.  
  92. <script>
  93. (function($){
  94. $(document).ready(function(){
  95. $("a[title]").style_my_tooltips({
  96. tip_follows_cursor:true,
  97. tip_delay_time:90,
  98. tip_fade_speed:600,
  99. attribute:"title"
  100. });
  101. });
  102. })(jQuery);
  103. </script>
  104.  
  105. {block:ifShowUnnestCaptions}
  106. <script>
  107. $(document).ready(function(){ $('.posts').unnest({
  108. yourCaption: ".caption",
  109. wrapName: ".cap",
  110. newCaptionUsername: true,
  111. originalPostCaptionUsername: false,
  112. tumblrAvatars: true,
  113. tumblrAvatarClass: ".icon",
  114. usernameColon: false
  115. });
  116.  
  117. }); </script>
  118.  
  119. {/block:ifShowUnnestCaptions}
  120.  
  121. <script>
  122. $(document).ready(function(){
  123. $('.search').submit(function(event){
  124. var value = $('input:first').val();
  125. location.replace('http://{Name}.tumblr.com/tagged/' + value);
  126. });
  127. });
  128. </script>
  129.  
  130. <script>
  131. $(document).ready(function(){
  132. $('.photo-slideshow').pxuPhotoset({
  133. lightbox: true,
  134. highRes: true,
  135. gutter: '1px',
  136. borderRadius: '0px',
  137. photoset: '.photo-slideshow',
  138. photoWrap: '.photo-data',
  139. photo: '.pxu-photo'
  140. });
  141.  
  142. }); </script>
  143.  
  144. <style type="text/css">
  145. @-webkit-keyframes fadein {
  146. 0% {opacity: 0;}
  147. 100% { opacity: 1; }
  148. }
  149.  
  150. @-moz-keyframes fadein {
  151. 0% { opacity: 0; }
  152. 100% { opacity: 1; }
  153. }
  154.  
  155. @keyframes fadein {
  156. 0% { opacity: 0; }
  157. 100% { opacity: 1; }
  158. }
  159.  
  160. ::-webkit-scrollbar {width:17px;height:17px;}
  161. ::-webkit-scrollbar {background-color:transparent;}
  162. ::-webkit-scrollbar-track {border:8px solid {color:background};background-color:#ddd;}
  163. ::-webkit-scrollbar-thumb {border:8px solid {color:background};background-color:{color:accent};min-height:24px;min-width:24px;}
  164.  
  165. #s-m-t-tooltip {max-width:300px; margin-top:-35px; margin-right:0px;
  166. font-size:calc({select:font size} - 1px); font-family: {select:body font}; letter-spacing:0.5px; text-align:center; text-transform:lowercase; font-style:italic; padding:3px; color:{color:Text}; background-color:{color:question};border-bottom:1px solid {color:accent}; z-index:999999;}
  167.  
  168. {block:ifShowUnnestCaptions}
  169. .icon, tumblr_avatar {width:12px!important;height:12px!important;margin-right:6px;border-radius:2px;vertical-align:bottom;line-height:12px;margin-bottom:1px;} .tumblr_blog, .tumblr_blog a {font-family:{select:accent font};font-size:11px;color:{color:text}!important;border-bottom:0px!important;display:inline-block;line-height:12px;text-transform:uppercase;}
  170. .cap {margin-left:0px;width:{select:post size};padding:0px;border-left:0px solid {color:accent};} .cap a {border-bottom:1px solid #fceceb;color:{color:links};} .cap blockquote {width: calc({select:post size} - 40px);margin-left:10px;padding-left:10px;border-left:1px solid {color:accent};}
  171. {/block:ifShowUnnestCaptions}
  172.  
  173. {block:ifNotShowUnnestCaptions}
  174. .tumblr_blog {font-family:{select:accent font};font-size:11px;color:{color:text};border-bottom:0px!important;display:inline-block;line-height:15px;text-transform:uppercase;} .tumblr_blog a:hover {text-decoration:none;color:{color:text};border-bottom:1px solid {color:accent};}
  175. blockquote {border-left:1px solid #eeeeee;padding: 0px 0px 0px 10px;margin-top:10px;margin-bottom:10px;margin-left:10px;}
  176. {/block:ifNotShowUnnestCaptions}
  177.  
  178. h1 {font-family:{select:accent font};margin-bottom:10px;font-size:12px;font-weight:400;text-align:left; line-height:100%;text-transform:uppercase;margin-top: 10px;} h2 {font-family:{select:accent font};margin-bottom:10px;font-size:15px;font-weight:400;text-align:left; line-height:100%;text-transform:uppercase;margin-top: 10px;} hr {width:50px;margin-left:0px;border-width: 1px 0px 0px 0px;border-style: solid;border-color:#eeeeee;} pre {font-size: {select:font size};font-family: {select:body font};width:{select:post size};text-align: left;word-break: break-all;color:{color:Text};} body {font-family: {select:body font};color: {color:Text};background-color:{color:Background};letter-spacing:0.5px;line-height:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-animation: fadein 1s;-moz-animation:fadein 1s;animation:fadein 1s;} small, sup, sub {font-size: {select:font size};} u {text-decoration:none;border-bottom:1px solid {color:accent};} a {color: {color:links};text-decoration: none;letter-spacing:0.5px;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;} a:hover {color: {color:accent};text-decoration: none;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;} .lnr {font-size:9px;padding-right:5px;font-weight:600;color:{color:accent};}
  179.  
  180. #sidebar {width: 465px;padding: 80px 50px 0px 60px;background:#fff; position: fixed;left: 0px;top: 0px; height: 100%;font-size:{select:font size};line-height:16px;box-shadow:3px 5px 8px #f6f6f6;} .sbimage {width:100%;height:50px;margin-bottom:20px;text-align:right;} .sbimage img {width:50px;height:50px;border-radius:3px;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;-webkit-filter: grayscale(100%);filter: grayscale(100%);} .sbimage img:hover {-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;-webkit-filter: grayscale(0%);filter: grayscale(0%);} .sbtitle, .sbtitle a {font-family:{select:accent font};color:#444;font-size:12px;line-height:16px;text-transform:uppercase;padding-bottom:0px;width:100%;text-align:right;} .sbtitle a:hover {color:{color:accent};} .box {display:block;position:relative;top:50px;left:315px;width:150px;height:100%;background-color:#fff;}.sidebar-links {text-align:right;font-size: {select:font size};text-transform:lowercase;margin-top:15px;} .sidebar-links a {transition: 0.5s ease-in-out;padding-top:2px;padding-bottom:2px;margin-left:5px;} .sidebar-links a:hover {color:{color:accent};transition: 0.5s ease-in-out;} #description {font-size:{select:font size};line-height:16px;text-align: right;color: {color:text};letter-spacing: 0.5px;margin:10px 0px;} #description a {text-transform:lowercase;color:{color:text};} #description a:hover {color:{color:accent};}
  181.  
  182. .pagination {font-family:{select:accent font};display:block;position:absolute;width:150px;bottom:150px; text-align:right;font-size:11px;font-family:{select:body font}; text-transform:uppercase;} .pagination a {font-family:{select:accent font};color:{color:text};padding:5px;} .pagination a:hover {font-family:{select:accent font};color:{color:accent};text-decoration:none;} .current-page {font-family:{select:accent font};color:{color:accent};padding:5px;}
  183.  
  184. .postscontainer {display:block;position:relative;width:{select:post size};left:625px;top:20px;}
  185.  
  186. .posts {width:{select:post size};font-size: {select:font size};font-family: {select:body font};margin-top:40px;padding:0px;margin-bottom:110px;text-align:justify;background-color:#fff;} .posts img {max-width:100%;height:auto;margin-top:3px;} .info {width:{select:post size};color:{color:accent};margin-top:10px;text-align:left;font-family:{select:accent font};text-transform:uppercase;letter-spacing:0.5px;font-size:11px;} .info a {color:{color:text};letter-spacing:0.5px;} .info a:hover {text-decoration:none;color:{color:accent};} .tags {width:{select:post size};margin-top:5px;font-family:{select:body font};text-align:left;font-size:{select:font size};word-break:break-word;} .tags a {margin-right:6px;color:#adadad;} .tags a:hover {color:{color:text};} ul li {color:{color:text};margin-left:-33px;list-style:none;} ul li:before {color:{color:text};content:"—"; font-size:1em; padding-right:.5em; position:relative;top:.1em;} ol {color:{color:text};margin-left:-25px;}
  187.  
  188. .postsnote {width:100%;margin-top: 30px;margin-bottom:30px;background-color:#fff;} .postsnote ol, .notes-bottom ul {margin: 0px;padding: 10px 0;list-style: none;} .postsnote li {width:90%;margin:2px;font-size: {select:font size};float:left;text-align:left;} .postsnote li img.avatar {display:none;} .more_notes_link {list-style: none;text-transform:lowercase;letter-spacing:0.5px;font-size: {select:font size};margin-top:10px;position:relative;float:left;margin-bottom:70px;}
  189.  
  190. .photo-slideshow {visibility: hidden;} .photo-slideshow.processed {visibility: visible;} .photo-slideshow .row {clear: both;width: 100%;} .photo-slideshow .pxu-photo {display: block;float: clear;width: 100%;overflow: hidden;} .photo-slideshow .pxu-photo img {display: block;} .photo-slideshow.processed .pxu-photo img {width:100%;height: auto;} .photo-slideshow .pxu-photo:first-child img {margin:auto;} .photo-slideshow .count-1 {max-width:100%;height: auto;} .set {margin-left:10px;} .photo-slideshow .count-2 {width:50%;height: auto;} .photo-slideshow .count-3 {width:33.33%;height: auto;}
  191.  
  192. .playerbuttonbg {position: absolute;left: 20px;top: 20px;width: 19px;height: 19px;background-color: #fceceb;padding: 10px;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;opacity: .4;filter: alpha(opacity=40);-moz-opacity: 0.4;-khtml-opacity: 0.4; transition: opacity .7s ease-in-out;-moz-transition: opacity .7s ease-in-out;-webkit-transition: opacity .7s ease-in-out;} .playerbuttonbg:hover {opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1; } .newplayerbutton {position: relative;width: 19px;height: 19px;overflow: hidden;} .playerbuttonhug {position: absolute;top: 0px;left: 0px;} .tumblr_audio_player {-moz-transform: scale(0.60, 0.60);-webkit-transform: scale(0.60, 0.60);-o-transform: scale(0.60, 0.60);-ms-transform: scale(0.60, 0.60);transform: scale(0.60, 0.60); -moz-transform-origin: top left;-webkit-transform-origin: top left;-o-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;} .audioimgwrapper {position: absolute;left: 0px;top: 0px;overflow: hidden;width: 79px;height: 79px;padding-left:3px;} .audioimgwrapper img {width: 100%; height: auto;} .trackdetails {width: auto;font-size: 9px;line-height:14px;display:inline-block;margin-left: 90px;margin-top:20px;padding:5px;max-height:80px;} .audiowrapper {background-color: #fceceb;position: relative;display:inline-block;width:{select:post size};height:82px;border-radius:3px;} iframe#youtube_iframe {width: {select:post size}!important;height: auto;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;} .quote {font-size: 12px;line-height:16px;font-weight:400;margin-top:5px; text-align:left;} .source {font-size: 11px;letter-spacing:0.5px;font-family:{select:accent font}; text-transform:uppercase;text-align:left;line-height:16px;margin-top:8px;} .chat {margin-top:5px;font-size: {select:font size};} .chatlabel {font-family:{select:accent font};text-transform:uppercase;display:inline-block;margin-right:1px;font-weight:600;} .chat .lines {margin-left:0; } .chat .lines span {font-weight: bold;} .linkpost blockquote {margin-left:0px; padding-left:0px;width:{select:post size};} .ask {width:{select:post size};text-align:left;} .question {padding:10px;line-height:16px;border-radius:2px;background-color:{color:question};border-left:1px solid {color:accent};} .asker {font-family:{select:accent font};color:{color:text};font-size:11px;text-transform:uppercase;display:inline-block;letter-spacing:1px;} .asker a:hover {color:{color:accent};} .answer {width:{select:post size};text-align:left;margin-bottom:5px;line-height:16px;}
  193.  
  194. #menutrigger {color: {color:accent};z-index: 1001;display:inline-block;padding-left:5px;} #sbmenu {transition: 0.5s;display: flex;align-items: stretch;flex-wrap: wrap;width: 0; height: 100%;position: fixed; top: 0;left:0px;overflow-x: hidden;z-index: 10000000000000000000001;background-color: transparent;font-size:{select:font size};color:#444;} #sbmenu a {color:#444;} #sbmenu a:hover {color:#fff;} #sbmenu::after {content: "";background-color: {color:accent};opacity:{select:menu opacity};top: 0;left: 0;bottom: 0;right: 0;position: absolute;z-index: -1;} .closebutton {font-family:{select:accent font};font-size:11px;text-transform:uppercase;display:block;position:absolute;right:10px;top:10px;} .menucontent {width:50%;height:auto;line-height:16px;margin:auto;}
  195. .navcol {display: grid;grid-template-columns: auto auto auto;}
  196.  
  197. .atlas {position:fixed;right:10px;bottom:18px;}.atlas a {color:#a1a1a1;background:transparent;font-family:times new roman;font-size:15px;text-transform:lowercase;} .atlas a:hover {color:{color:accent};}
  198. iframe.tmblr-iframe {z-index:99999999999999!important;top:0!important;right:0!important;opacity:0.4;filter:invert(1) contrast(150%);-webkit-filter:invert(1) contrast(150%);-o-filter:invert(1) contrast(150%);-moz-filter:invert(1) contrast(150%);-ms-filter:invert(1) contrast(150%);transform:scale(0.65);transform-origin:100% 0;-webkit-transform:scale(0.65);-webkit-transform-origin:100% 0;-o-transform:scale(0.65);-o-transform-origin:100% 0;-moz-transform:scale(0.65);-moz-transform-origin:100% 0;-ms-transform:scale(0.65);-ms-transform-origin:100% 0;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
  199. iframe.tmblr-iframe:hover {opacity:0.6!important;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
  200.  
  201. </style>
  202. </head>
  203. <body>
  204.  
  205. <!--------------------------------- menu -------------------------------->
  206.  
  207. <div id="sbmenu">
  208. <div class="menucontent">
  209. <!-- this is where you edit your slide-out menu! feel free to change to whatever you want. some html knowledge is required. -->
  210.  
  211. <h1>about me</h1>
  212. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna.
  213. <br/><br/>
  214.  
  215. <!-- you can add or remove however many links you want! -->
  216.  
  217. <h1>navigation</h1>
  218. <div class="navcol">
  219. <div class="column"><a href="{text:link 1 url}">{text:link 1}</a></div>
  220. <div class="column"><a href="{text:link 2 url}">{text:link 2}</a></div>
  221. <div class="column"><a href="{text:link 3 url}">{text:link 3}</a></div>
  222. <div class="column"><a href="{text:link 4 url}">{text:link 4}</a></div>
  223. <div class="column"><a href="{text:link 5 url}">{text:link 5}</a></div>
  224. <div class="column"><a href="{text:link 6 url}">{text:link 6}</a></div>
  225. </div>
  226. <br/>
  227.  
  228. <h1>my tags</h1>
  229. <div class="navcol">
  230. <div class="column"><a href="/">link</a></div>
  231. <div class="column"><a href="/">link</a></div>
  232. <div class="column"><a href="/">link</a></div>
  233. <div class="column"><a href="/">link</a></div>
  234. <div class="column"><a href="/">link</a></div>
  235. <div class="column"><a href="/">link</a></div>
  236. </div>
  237. <br/>
  238.  
  239. <h1>currently</h1>
  240. <b>watching</b> - the good place, game of thrones <br/>
  241. <b>reading</b> - a darker shade of magic, the wicked king <br/>
  242. <b>making</b> - fanfics, icons, themes
  243.  
  244. </div>
  245. <!---------------------- dont edit after this point---------------------->
  246.  
  247. <div class="closebutton"><a href="javascript:void(0)" onclick="closeNav()">close</a></div></div>
  248.  
  249. <!----------------------------- end of menu ----------------------------->
  250.  
  251. <!-- sidebar -->
  252. <div id="sidebar">
  253. <div class="box">
  254. <div class="sbimage"><img src="{PortraitURL-64}"/></div>
  255. <div class="sbtitle"><a href="/">{text:title}</a></div>
  256. <div id="description">{Description}</div>
  257. <div class="sidebar-links">
  258. <a href="/" title="home"><span class="lnr lnr-home"></span></a>
  259. <a href="/ask" title="ask"><span class="lnr lnr-envelope"></span></a>
  260. <a href="/archive" title="archive"><span class="lnr lnr-map"></span></a>
  261. <div id="menutrigger" onclick="openNav()"><span class="lnr lnr-menu"></span></div></div>
  262. <div class="pagination">
  263. {block:Pagination}{block:PreviousPage}
  264. <a href="{PreviousPage}">prev</a>
  265. {/block:PreviousPage}{block:JumpPagination length="3"}{block:CurrentPage}
  266. <span class="current-page">{PageNumber}</span>
  267. {/block:CurrentPage}{block:JumpPage}
  268. <a class="jump_page" href="{URL}">{PageNumber}</a>
  269. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  270. <a href="{NextPage}">next</a>
  271. {/block:NextPage}{/block:Pagination}
  272. </div></div></div>
  273. <!-- end sidebar -->
  274.  
  275. <div class="postscontainer" id="{PostID}">{block:Posts}<div class="posts" id="{PostID}">{block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="caption">{Body}</div>{/block:Text}
  276.  
  277. {block:Quote}<div class="quote">&#8220;{Quote}&#8221;</div><div class="source"> {block:Source}{Source}{/block:Source}</div>{/block:Quote}
  278.  
  279. {block:Link}<h1><a href="{URL}">{Name}</a></h1><div class="linkpost">{block:Description}{Description}{/block:Description}</div>{/block:Link}
  280.  
  281. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:lines}<div class="chat"><div class="lines">{block:label}<div class="chatlabel">{label}</div>{/block:label} {line}</br></div></div>{/block:lines}{/block:Chat}
  282.  
  283. {block:Answer}<div class="ask"><div class="question"><div class="asker">{Asker}</div> &mdash; {Question}</div> </div><div class="caption"><div class="answer">{Answer}</div></div>{/block:Answer}
  284.  
  285. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  286.  
  287. {block:Photoset}
  288. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  289. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  290. {/block:Photoset}
  291.  
  292. {block:Audio}{block:AudioPlayer}<div class="audiowrapper">{block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerWhite}</div></div></div><div class="trackdetails">{block:TrackName}<span style="font-weight:bold;font-style:italic;">Track:</span> {TrackName} <br/>{/block:TrackName}{block:Artist}<span style="font-weight:bold;font-style:italic;">Artist:</span> {Artist} <br/>{/block:Artist}</div></div>{/block:AudioPlayer}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  293.  
  294. {block:Video}<div class="video">{Video-500}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  295.  
  296. {block:Date}<div class="info"><a title="{timeago}" href="{Permalink}"><span class="lnr lnr-clock"></span>{DayOfWeek}</a> {block:NoteCount}&nbsp;<a href="{Permalink}"><span class="lnr lnr-bookmark"></span>{NoteCountWithLabel}</a>{/block:NoteCount}
  297.  
  298. {block:PermalinkPage}{block:RebloggedFrom}<br/>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} src: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:PermalinkPage}</div>{/block:Date}
  299.  
  300. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  301.  
  302. {block:PostNotes}<div class="postsnote">{PostNotes}</div>{/block:PostNotes}
  303.  
  304. </div>{/block:Posts}
  305.  
  306. <div class="atlas"><a href="http://www.atlasthemes.tumblr.com" target="_blank" title="atlas themes">a</a></div>
  307.  
  308. </div></div>
  309. </body></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!