API tools faq
paste
keurais

cinnamon by atlasthemes

keurais
Feb 28th, 2020 (edited)
294
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.90 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------------
  2.  
  3.  
  4.  
  5. cinnamon // by @atlasthemes
  6. pls do not remove credit, thanks!<3
  7.  
  8. more icon options for the sidebar
  9. at https://linearicons.com/free
  10.  
  11.  
  12.  
  13. ------------------------------------------------------------------------>
  14.  
  15. <!DOCTYPE html>
  16. <head>
  17.  
  18. <title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{favicon}">
  21.  
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  26.  
  27. <meta name="image:sidebar" content="">
  28. <meta name="image:icon" content="">
  29.  
  30. <meta name="color:background" content="#ffffff"/>
  31. <meta name="color:text" content="#666666"/>
  32. <meta name="color:link" content="#bbbbbb"/>
  33. <meta name="color:link underline" content="#f3ece5">
  34. <meta name="color:accent" content="#e5d7c5">
  35. <meta name="color:headings" content="#363636">
  36. <meta name="color:selection background" content="#f3ece5">
  37. <meta name="color:selection text" content="#000000">
  38. <meta name="color:borders" content="#e2e2e2">
  39.  
  40. <meta name="text:title" content="your title here">
  41. <meta name="text:font size" content="11px"/>
  42. <meta name="text:title size" content="14px"/>
  43. <meta name="text:letter spacing" content="0.25px"/>
  44. <meta name="text:line height" content="1.75em"/>
  45.  
  46. <meta name="select:post margin" content="150px"/>
  47. <meta name="select:post margin" content="125px"/>
  48. <meta name="select:post margin" content="100px"/>
  49. <meta name="select:post margin" content="75px"/>
  50.  
  51. <meta name="select:font" content="Fira Sans"/>
  52. <meta name="select:font" content="Open Sans"/>
  53. <meta name="select:font" content="PT Sans"/>
  54. <meta name="select:font" content="Lora"/>
  55. <meta name="select:font" content="Muli"/>
  56. <meta name="select:font" content="Georgia"/>
  57. <meta name="select:font" content="Arial"/>
  58. <meta name="select:font" content="Source Sans Pro"/>
  59. <meta name="select:font" content="Karla"/>
  60.  
  61. <meta name="select:text align" content="left"/>
  62. <meta name="select:text align" content="justify"/>
  63.  
  64. <meta name="select:photoset gutter" content="1px"/>
  65. <meta name="select:photoset gutter" content="2px"/>
  66. <meta name="select:photoset gutter" content="3px"/>
  67. <meta name="select:photoset gutter" content="4px"/>
  68.  
  69. <meta name="select:border style" content="dotted"/>
  70. <meta name="select:border style" content="solid"/>
  71.  
  72. <meta name="select:post size" content="400px"/>
  73. <meta name="select:post size" content="450px"/>
  74. <meta name="select:post size" content="500px"/>
  75. <meta name="select:post size" content="540px"/>
  76.  
  77. <meta name="if:sidebar image" content=""/>
  78. <meta name="if:icon" content=""/>
  79. <meta name="if:bold accents" content=""/>
  80. <meta name="if:italic accents" content=""/>
  81. <meta name="if:lowercase text" content=""/>
  82.  
  83. <meta name="text:home link" content="home">
  84. <meta name="text:ask link" content="contact">
  85. <meta name="text:link 1 url" content="link 1 url">
  86. <meta name="text:link 1" content="one">
  87. <meta name="text:link 2 url" content="link 2 url">
  88. <meta name="text:link 2" content="two">
  89. <meta name="text:link 3 url" content="link 3 url">
  90. <meta name="text:link 3" content="three">
  91. <meta name="text:link 4 url" content="link 4 url">
  92. <meta name="text:link 4" content="four">
  93.  
  94. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  95.  
  96. <link href="https://fonts.googleapis.com/css?family=Fira+Code&display=swap" rel="stylesheet">
  97.  
  98. <link href='https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,600,600i|Lora:400,400i,600,600i|Nunito+Sans:400,400i,600,600i|Open+Sans:400,400i,600,600i|Karla:400,400i,600,600i|Cutive+Mono:400,400i,600,600i|Inconsolata:400,700' rel='stylesheet' type='text/css'>
  99.  
  100. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
  101. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  102. <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700" rel="stylesheet">
  103. <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
  104. <link href="https://static.tumblr.com/6jwyigb/Dntpgl2mg/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  105. <link href="https://fonts.googleapis.com/css?family=Barlow:500,600,500i,600i|Work+Sans:400,600,400i,600i|Lato:400,700,400i,700i|PT+Sans:400,700,400i,700i|Source+Sans+Pro:400,600,400i,600i|Karla:400,700,400i,700i|Muli:400,700,400i,700i|Libre+Baskerville:400,700,400i|Scada:400,700,400i,700i|Merriweather:400,700,400i,700i|Rubik:400,500,400i,500i|Lora:400,700|Cousine:400,700,400i,700i" rel="stylesheet">
  106.  
  107. <link href='https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,600,600i|Lora:400,400i,600,600i|Nunito+Sans:400,400i,600,600i|Open+Sans:400,400i,600,600i|Karla:400,400i,600,600i|Cutive+Mono:400,400i,600,600i|Inconsolata:400,700' rel='stylesheet' type='text/css'>
  108.  
  109. <link href='https://fonts.googleapis.com/css?family=Libre+Baskerville:400italic' rel='stylesheet' type='text/css'>
  110. <link href="https://fonts.googleapis.com/css?family=Hind:400,700" rel="stylesheet">
  111. <link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond:600i" rel="stylesheet">
  112.  
  113.  
  114. <script src="//use.edgefonts.net/source-sans-pro:n4,i4,n6.js"></script>
  115.  
  116. <link href='https://fonts.googleapis.com/css?family={select:font}:400,400i,700,700i&display=swap' rel='stylesheet' type='text/css'>
  117.  
  118. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  119. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  120.  
  121. <style type="text/css">
  122.  
  123. /* --- selection --- */
  124.  
  125. ::-moz-selection {background:{color:selection background};color:{color:selection text};}
  126. ::selection {background:{color:selection background};color:{color:selection text};}
  127.  
  128.  
  129. /* --- fade in --- */
  130.  
  131. @-webkit-keyframes fadein {
  132. 0% {opacity: 0;}
  133. 100% { opacity: 1; } }
  134.  
  135. @-moz-keyframes fadein {
  136. 0% { opacity: 0; }
  137. 100% { opacity: 1; } }
  138.  
  139. @keyframes fadein {
  140. 0% { opacity: 0; }
  141. 100% { opacity: 1; } }
  142.  
  143.  
  144. ::-webkit-scrollbar-thumb {
  145. height:auto;
  146. background-color:{color:Scrollbar};
  147. margin-left:1px;
  148. display:none;
  149. }
  150.  
  151. ::-webkit-scrollbar {
  152. height:9px;
  153. width:1px;
  154. background-color:transparent;
  155. }
  156.  
  157.  
  158. ::-webkit-scrollbar-thumb {
  159. background:transparent;
  160. }
  161.  
  162.  
  163. ::-webkit-scrollbar-corner {
  164. background:transparent;
  165. }
  166.  
  167.  
  168. /*tumblr controls and lightbox*/
  169.  
  170. .tmblr-lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  171.  
  172. .tmblr-lightbox img {opacity:0;}
  173.  
  174. .lightbox-caption {
  175. color:{color:title}!important;
  176. font-family:inherit!important;
  177. font-size:1em!important;
  178. font-weight:normal!important;
  179. text-shadow:none!important;
  180. }
  181.  
  182. .lightbox-image {
  183. -moz-box-shadow:none!important;
  184. -webkit-box-shadow:none!important;
  185. box-shadow:none!important;
  186. -moz-border-radius:0px!important;
  187. -webkit-border-radius:0px!important;
  188. border-radius:0px!important;
  189. padding:0px!important;
  190. border:0!important;
  191. opacity:1!important;
  192. }
  193.  
  194. .vignette {opacity:0!Important;}
  195.  
  196. .iframe-controls--desktop {
  197. white-space:nowrap!important;
  198. top:5px!important;
  199. right:5px!important;
  200. opacity:1!important;
  201. position:fixed!important;
  202. }
  203.  
  204. /*tooltip*/
  205.  
  206. .ui-tooltip { position:absolute;z-index:9999;padding-top:10px;}
  207. .ui-tooltip-content {display:block;margin-top:0px;margin-left:0px;background:#fff;border:1px {select:border style} {color:borders};padding:2px 8px;font-weight:400;font-size:11px;letter-spacing:0.25px;text-transform:lowercase;{block:ifitalicaccents}font-style:italic;{/block:ifitalicaccents}}
  208.  
  209. body {background:{color:background};color: {color:text};font-family: {select:font};font-size: {text:font size};line-height:{text:line height};text-align:{select:text align};letter-spacing:{text:letter spacing};{block:iflowercasetext}text-transform:lowercase;{/block:iflowercasetext}-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-animation: fadein 1.5s;-moz-animation:fadein 1.5s;animation:fadein 1.5s;}
  210.  
  211.  
  212.  
  213.  
  214. a {color: {color:link};text-decoration: none;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
  215.  
  216. a:hover{color:{color:accent};-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
  217.  
  218. a.tumblr_blog, a.tumblelog {color:{color:text};background-image:linear-gradient(0deg, {color:link underline} 60%,transparent 50%); }
  219.  
  220.  
  221.  
  222.  
  223. figure img {
  224. max-width:100%;
  225. height:auto;
  226. margin-bottom:5px;
  227. }
  228.  
  229. *, body, img { cursor:url(https://static.tumblr.com/vmteopo/Eggo12azo/small_white_cursor.png), auto;}
  230.  
  231. a, a:hover, a:active, a i {cursor:url(https://static.tumblr.com/vmteopo/kOPo12azz/small_white_cursor_help.png), crosshair; }
  232.  
  233.  
  234. pre {padding:5px;margin:0 0 10px 0;line-height:inherit!important;background-color:#fafafa;font-family:Consolas;font-size:calc({text:font size} + 1px);color:{color:text};white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
  235.  
  236. h1, h2, h3, h4, h5, h6 {
  237. color:{color:headings};
  238. font-size:calc({text:font size} + 4px);
  239. font-weight:600;
  240. {block:ifboldaccents}
  241. font-weight:700;
  242. {/block:ifboldaccents}
  243. line-height:inherit;
  244. margin:15px 0px 10px;
  245. padding:0px;
  246. text-transform:lowercase;
  247. {block:ifitalicaccents}
  248. font-style:italic;
  249. {/block:ifitalicaccents}
  250. }
  251.  
  252. small, big {font-size:{text:font size}!important;} hr {width:100%;margin:15px auto;border-width: 1px 0px 0px 0px;border-style:solid;border-color:#eee;} shortborder2 {width:15px; height:1px;margin:0 4px;background-color:{color:borders};display:inline-block;vertical-align:middle;} .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;} p {margin:1em 0;} p:first-of-type {margin-top:0;}
  253.  
  254. .like-b {position:relative;display:inline-block;height:{text:font-size};line-height:{text:line height};overflow:hidden;vertical-align:bottom;} .like-b .like_button iframe {position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;opacity:0;} .like-b .liked + .b {color:{color:accent};} .like-b .liked + .b:after {content:'d';}
  255.  
  256. aside {display:block;position:fixed;width:200px;top:100px;left:100px;height:auto;}
  257.  
  258. {block:ificon}
  259. .icon {width:65px;height:65px;margin-bottom:18px;} .icon img {width:65px;height:65px;border-radius:4px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .icon img:hover {-webkit-filter: brightness(130%);filter: brightness(130%);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
  260. {/block:ificon}
  261.  
  262. {block:ifsidebarimage}
  263. .sbimage {display:block;position:relative;width:100%;height:auto;margin-bottom:15px;} .sbimage img {border-radius:3px;}
  264. {/block:ifsidebarimage}
  265.  
  266. .stitle {display:block;color:{color:headings};font-size:{text:title size};font-weight:400;text-align:left;{block:ifboldaccents}font-weight:700;{/block:ifboldaccents}{block:ifitalicaccents}font-style:italic;{/block:ifitalicaccents}} .stitle a {color:{color:headings};} .stitle a:hover {color:{color:accent};} nav {display:block;} nav a {display:block;color:{color:text};} nav a:hover {color:{color:accent};transition: 0.5s ease-in-out;padding-left:5px;} nav .lnr {font-size:calc({text:font size} - 1px);font-weight:700;width:calc({text:font size} - 1px);height:calc({text:font size} - 1px);margin-right:12px;} #desc {margin:10px 0px;text-align:left;}
  267.  
  268. .user {display:inline-block;color:{color:link};font-weight:700; }
  269. .user:hover {color:{color:accent}!important;}
  270. .user .lnr {font-size:calc({text:font size} - 2px);font-weight:700;width:calc({text:font size} - 2px);height:calc({text:font size} - 2px);margin-right:10px;}
  271.  
  272. .comment {padding:15px 0px 5px 0px;list-style:none;border-bottom:1px {select:border style} {color:borders};}
  273. .comment:only-of-type, .comment:last-of-type {border-bottom:0px!important;padding-bottom:0px!important;margin-bottom:-15px;}
  274. .comment a:not(.user) {color:{color:text};background-image:linear-gradient(0deg, {color:link underline} 60%,transparent 50%);}
  275. .comment a:hover {color:{color:headings};}
  276. .comment blockquote, .captioned blockquote {margin: 1px 0 1px 10px;padding:0 0 0 15px;border-left:1px {select:border style} {color:borders};}
  277.  
  278. section {display:block;position:relative;height:auto;width:{select:post size};margin:100px auto;}
  279. .posts {width:{select:post size};margin-bottom:{select:post margin};}
  280. .posts img {max-width:100%;height:auto;}
  281.  
  282. .posts-title { margin-bottom:-5px; font-weight:600; font-size:calc({text:font size} + 4px);color:{color:headings};{block:ifboldaccents}font-weight:700;{/block:ifboldaccents}{block:ifitalicaccents}font-style:italic;{/block:ifitalicaccents}}
  283.  
  284. ul li {
  285. margin-left:-10px;
  286. }
  287.  
  288. .ph {position:relative;overflow:hidden;}
  289.  
  290. .ted {margin-top:0px;}
  291.  
  292. .quote {display:block;color:{color:headings};font-size:calc({text:font size} + 3px);word-spacing:0.5px;{block:ifboldaccents}font-weight:700;{/block:ifboldaccents}{block:ifitalicaccents}font-style:italic;{/block:ifitalicaccents}} .source {position:relative;margin:5px 0 10px 0;}
  293.  
  294. .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;}
  295.  
  296. iframe.tumblr_audio_player {width:{select:post size}!important;margin-bottom:-4px!important;}
  297.  
  298. .chat {text-align:left;margin:0;padding:0;list-style:none;}
  299. .l {font-family:Consolas;padding:5px;}
  300. .l:nth-of-type(even) {background-color:#fafafa;}
  301. .label {font-weight:bold;color:{color:title};display:inline-block;}
  302. .l:first-of-type {padding-top:0;}
  303.  
  304. .asker .lnr , .answerer .lnr {font-size{text:font size};font-weight:700;width:{text:font size};height:{text:font size};margin-right:8px;}
  305.  
  306. .question {font-size:{text:font size}!important;display:block;position: relative;border-bottom:1px {select:border style} {color:borders};padding-bottom:15px; padding-top:7px;}
  307.  
  308. .asker {font-size:{text:font size}!important;display:inline-block;text-transform:lowercase;font-weight:700;color:{color:headings};}
  309.  
  310. .asker a {font-size:{text:font size}!important;display:inline-block;color:{color:headings};}
  311.  
  312. .asker a:hover {color:{color:accent};}
  313.  
  314. .answer {display:inline-block; padding-top:7px;padding-bottom:10px;}
  315.  
  316. .answerer {display:inline-block;position:relative;text-transform:lowercase;font-weight:700;color:{color:headings};font-size:{text:font size}!important;}
  317.  
  318. .answerer a {
  319. font-size:{text:font size}!important; line-height: 1.30em; background-image:linear-gradient(0deg, {color:link underline} 60%,transparent 20%); color:{color:link};}
  320.  
  321. .info {display:block;text-transform:lowercase;color:{color:text};padding-top:15px;} .info a {display:inline-block;color:{color:text};margin-right:12px;margin-bottom:2px;} .info a:hover {text-decoration:none;color:{color:accent};} .info .lnr {font-size:calc({text:font size} - 2px);font-weight:700;width:calc({text:font size} - 2px);height:calc({text:font size} - 2px);margin-right:12px;} .via {float:right;} .via a {margin:0px!important;}
  322.  
  323. .caps {
  324. margin-top:10px;
  325. }
  326.  
  327. .tags a {
  328. max-width:400px;
  329. word-wrap: break-word;
  330. text-align:justify;
  331. padding-left:0px;
  332. padding-right:5px;
  333. }
  334.  
  335. .pagenotes {margin-top:-50px;padding:0px;} .pagenotes a {color:{color:link};} .pagenotes a:hover {color:{color:accent};}
  336.  
  337. .pagenotes blockquote {width:95%; border-left:1px {select:border style} {color:borders};font-style:italic;margin-left:10px; margin-top:10px; padding-left:10px;} .pagenotes blockquote a {color:{color:link};} ol.notes {list-style-type:none; padding:0px;margin:0px;} ol.notes li.note {display:block;padding:0;margin:2px 0;} ol.notes li.note img.avatar {display:none!important;} a.more_notes_link {display:block;text-align:left;margin-top:10px;font-weight:700;color:{color:headings};text-transform:lowercase;}
  338.  
  339. 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;} .video {display:block;width:{select:post size}!important;} video {max-width: 100%;}
  340.  
  341. /* tumblr controls by @cyantists */
  342.  
  343. iframe.tmblr-iframe {
  344. z-index:99999999999999!important;
  345. top:0!important;
  346. right:0!important;
  347. opacity:0.3!important;
  348. /* delete invert(1) from here */
  349. filter:invert(1) contrast(150%);
  350. -webkit-filter:invert(1) contrast(150%);
  351. -o-filter:invert(1) contrast(150%);
  352. -moz-filter:invert(1) contrast(150%);
  353. -ms-filter:invert(1) contrast(150%);
  354. /* to here if your blog has a dark background */
  355. transform:scale(0.65);
  356. transform-origin:100% 0;
  357. -webkit-transform:scale(0.65);
  358. -webkit-transform-origin:100% 0;
  359. -o-transform:scale(0.65);
  360. -o-transform-origin:100% 0;
  361. -moz-transform:scale(0.65);
  362. -moz-transform-origin:100% 0;
  363. -ms-transform:scale(0.65);
  364. -ms-transform-origin:100% 0;
  365. -moz-transition-duration: 0.3s;
  366. -o-transition-duration: 0.3s;
  367. -webkit-transition-duration: 0.3s;
  368. transition-duration: 0.3s;
  369. }
  370.  
  371. iframe.tmblr-iframe:hover {
  372. opacity:0.6!important;
  373. -moz-transition-duration: 0.3s;
  374. -o-transition-duration: 0.3s;
  375. -webkit-transition-duration: 0.3s;
  376. transition-duration: 0.3s;
  377. }
  378.  
  379. .pagination {display:block;width:100%;text-align:center;text-transform:lowercase;padding:0px;} .pagination a {color:{color:text};margin:0px 15px;} .pagination a:hover {color:{color:accent};text-decoration:none;} .current-page {color:{color:accent};margin:0px 15px;font-weight:700;}.pagination .lnr {font-size:calc({text:font size} - 2px);font-weight:700;width:calc({text:font size} - 2px);height:calc({text:font size} - 2px);}
  380.  
  381. /* pls don't edit or remove! */
  382. .atlas {position:fixed;right:20px;bottom:20px;height:16px;width:7px;z-index:0;overflow:hidden;-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;} .atlas:hover {width:69px;-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;} .atlas a {color:#aaa;font-family:Times New Roman;font-size:14px;letter-spacing:0px;} .atlas a:hover {color:#333;}
  383.  
  384. </style>
  385. </head>
  386. <body>
  387.  
  388. <aside>
  389.  
  390. {block:ifsidebarimage}
  391. <div class="sbimage"><img src="{image:sidebar}"/></div>
  392. {/block:ifsidebarimage}
  393.  
  394. {block:ificon}
  395. <div class="icon">
  396. <a href="/"><img src="{image:icon}"/></a>
  397. </div>
  398. {/block:ificon}
  399.  
  400. <a href="/"><div class="stitle">{text:title}</a></div>
  401. <div id="desc">{Description}</div>
  402.  
  403. <nav>
  404. <a href="/"><span class="lnr lnr-home"></span>{text:home link}</a>
  405. <a href="/ask"><span class="lnr lnr-bubble"></span>{text:ask link}</a>
  406. <a href="{text:link 1 url}"><span class="lnr lnr-user"></span>{text:link 1}</a>
  407. <a href="{text:link 2 url}"><span class="lnr lnr-bookmark"></span>{text:link 2}</a>
  408. <a href="{text:link 3 url}"><span class="lnr lnr-menu"></span>{text:link 3}</a>
  409. <a href="{text:link 4 url}"><span class="lnr lnr-star"></span>{text:link 4}</a>
  410. </nav>
  411. </aside>
  412.  
  413. <section id="entries">
  414.  
  415. {block:posts}
  416.  
  417. <article class="posts {block:caption}captioned{/block:caption}">
  418.  
  419. {block:Quote}
  420. <li class="comment"><div class="quote">{quote}</div>{block:Source}<div class="source">{source}</div>{/block:Source}</li>
  421. {/block:Quote}
  422.  
  423. {block:Text}
  424. {block:Title}<div class="posts-title">{title}</div>{/block:Title}
  425.  
  426. <li class="comment {block:Title}ted{/block:Title}">
  427. {body}
  428. </li>
  429. {/block:NotReblog}
  430. {/block:Text}
  431.  
  432. {block:Link}<a href="{URL}"><h1>{name}</h1></a>
  433. {block:Description}
  434. {block:NotReblog}
  435. <li class="comment ted">
  436. {description}
  437. </li>
  438. {/block:NotReblog}
  439. {/block:Description}
  440. {block:RebloggedFrom}
  441. {block:Reblogs}
  442. <li class="comment">
  443. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank"><span class="lnr lnr-user"></span>{username}</a>
  444. {body}
  445. </li>
  446. {/block:Reblogs}
  447. {/block:RebloggedFrom}
  448. {/block:Link}
  449.  
  450. {block:Chat}
  451. {block:Title}<div class="posts-title">{title}</div>{/block:Title}
  452. <ol class="chat {block:Title}ted{/block:Title}">
  453. {block:lines}
  454. <li class="l {Alt}">
  455. {block:label}<span class="label">{label}</span>{/block:label} {line}
  456. </li>
  457. {/block:lines}
  458. </ol>
  459. {/block:Chat}
  460.  
  461. {block:Photo}{linkopentag}<div class="ph"><img src="{photoURL-HighRes}" alt="{PhotoAlt}"/></div>{linkclosetag}{/block:Photo}
  462.  
  463. {block:Photoset}
  464. <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>
  465. {/block:Photoset}
  466.  
  467. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  468.  
  469. {block:Audio}{AudioEmbed}{/block:Audio}
  470.  
  471. {block:caption}
  472. <div class="caps">{caption}</div>
  473. {/block:caption}
  474.  
  475.  
  476.  
  477. {block:Answer}
  478. <div class="asker"><span class="lnr lnr-envelope"></span>{asker}:</div><div class="question">{question}</div>
  479.  
  480. {block:Answerer}
  481. <li class="comment">
  482. <div class="answerer"><span class="lnr lnr-user"></span>{answerer}:</div>
  483. <div class="answer">{answer}</div>
  484. </li>
  485. {/block:Answerer}
  486.  
  487. {block:NotReblog}
  488. <li class="comment"><div class="answerer"><span class="lnr lnr-user"></span>{name}:</div>
  489. <div class="answer">{replies}</div></li>
  490. {/block:NotReblog}
  491. {/block:Answer}
  492.  
  493. {block:Date}
  494. <div class="info">
  495. <span class="lnr lnr-clock"></span><a title="{timeago}" href="{Permalink}">{ShortMonth} {DayofMonth}</a>{block:NoteCount}<span class="lnr lnr-bookmark"></span><a class="notecount" href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<span class="lnr lnr-heart"></span><a class="like-b" href="#">{LikeButton}<span class="b">like</span></a><span class="lnr lnr-redo"></span><a href="{ReblogURL}" target="_blank" class="details">reblog</a>
  496.  
  497. {block:permalinkpage}<div class="via">
  498. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}{block:ContentSource}&nbsp; · &nbsp;<a href="{SourceURL}" title="{SourceTitle}">src</a>{/block:ContentSource}
  499. </div>{/block:permalinkpage}
  500. </div>
  501.  
  502. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  503. {/block:Date}
  504.  
  505. </article>
  506.  
  507. {block:PostNotes}
  508. <article class="posts pagenotes">
  509. {PostNotes}</article>{/block:PostNotes}
  510.  
  511. {/block:Posts}
  512.  
  513. {block:Pagination}
  514. <div class="pagination">{block:PreviousPage}
  515. <a href="{PreviousPage}"><span class="lnr lnr-arrow-left"></span></a>
  516. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  517. <span class="current-page">{PageNumber}</span>
  518. {/block:CurrentPage}{block:JumpPage}
  519. <a class="jump_page" href="{URL}">{PageNumber}</a>
  520. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  521. <a href="{NextPage}"><span class="lnr lnr-arrow-right"></span></a>
  522. {/block:NextPage}</div>{/block:Pagination}
  523.  
  524. </section>
  525.  
  526. <div class="atlas"><a href="http://www.atlasthemes.tumblr.com" target="_blank">atlas<i><b>themes</b></i></a></div>
  527.  
  528. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  529. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  530. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  531. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  532. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  533.  
  534. <script>
  535. $(document).ready(function(){
  536. $('.photo-slideshow').pxuPhotoset({
  537. lightbox: true,
  538. highRes: true,
  539. gutter: '{select:photoset gutter}',
  540. borderRadius: '0px',
  541. photoset: '.photo-slideshow',
  542. photoWrap: '.photo-data',
  543. photo: '.pxu-photo'
  544. });
  545.  
  546. }); </script>
  547.  
  548. <script>
  549. $(document).ready(function(){
  550. $('body').tooltip({track:true});
  551. $('iframe.tumblr_audio_player').load( function() {
  552. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:link underline}!important} </style>"));
  553. });
  554. });
  555. </script>
  556.  
  557. <script>
  558. var $container = $('.posts');
  559. $container.find('.notecount').each(function(){
  560. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  561. if (n > 999) {
  562. n = Math.floor(n / 100) / 10;
  563. $(this).text(n + 'k notes');
  564. }
  565. });
  566. </script>
  567.  
  568. {block:ContentSource}
  569. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  570. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  571. {/block:SourceLogo}
  572. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  573. {/block:ContentSource}
  574. </body></html>
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!