atlasthemes

SHADOW / unfinished

Feb 19th, 2019
246
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.43 KB | None | 0 0
  1. <!------------------------------------------------------------------------
  2.  
  3. shadow
  4. by @atlasthemes
  5. pls do not remove credit
  6. thanks!<3
  7.  
  8. ------------------------------------------------------------------------->
  9.  
  10. <html>
  11. <head>
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  16. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  17.  
  18. <meta name="description" content="" />
  19. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  20. <meta name="image:sidebar background" content=""/>
  21. <meta name="color:text" content="#797979">
  22. <meta name="color:link" content="#aaaaaa">
  23. <meta name="color:accent" content="#ff6f61">
  24. <meta name="text:title" content="your title here">
  25. <meta name="select:font size" content="10px"/>
  26. <meta name="select:font size" content="11px"/>
  27. <meta name="select:font size" content="12px"/>
  28. <meta name="select:font" content="Open Sans"/>
  29. <meta name="select:font" content="Fira Sans"/>
  30. <meta name="select:font" content="ABeeZee"/>
  31. <meta name="select:font" content="Lato"/>
  32. <meta name="select:font" content="Muli"/>
  33. <meta name="select:font" content="Arial"/>
  34. <meta name="select:post size" content="350px"/>
  35. <meta name="select:post size" content="400px"/>
  36. <meta name="select:post size" content="450px"/>
  37. <meta name="select:post size" content="500px"/>
  38. <meta name="text:link 1" content="one">
  39. <meta name="text:link 1 url" content="/">
  40. <meta name="text:link 2" content="two">
  41. <meta name="text:link 2 url" content="/">
  42. <meta name="text:link 3" content="three">
  43. <meta name="text:link 3 url" content="/">
  44.  
  45. <!--- fonts -->
  46. <link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700" rel="stylesheet">
  47.  
  48. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700" rel="stylesheet">
  49.  
  50. <link href="https://fonts.googleapis.com/css?family=Muli:400,400i" rel="stylesheet">
  51.  
  52. <link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,700" rel="stylesheet">
  53.  
  54. <link href="https://fonts.googleapis.com/css?family=ABeeZee:400,400i" rel="stylesheet">
  55.  
  56. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  57. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  58. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  59. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  60. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  61. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  62. </script><script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  63. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  64.  
  65. <script>
  66. (function($){
  67. $(document).ready(function(){
  68. $("a[title]").style_my_tooltips({
  69. tip_follows_cursor:true,
  70. tip_delay_time:90,
  71. tip_fade_speed:600,
  72. attribute:"title"
  73. });
  74. });
  75. })(jQuery);
  76. </script>
  77.  
  78.  
  79. <script>
  80. $(document).ready(function(){ $('.posts').unnest({
  81. yourCaption: ".caption",
  82. wrapName: ".cap",
  83. newCaptionUsername: true,
  84. originalPostCaptionUsername: false,
  85. tumblrAvatars: false,
  86. tumblrAvatarClass: ".icon",
  87. usernameColon: false
  88. });
  89.  
  90. }); </script>
  91.  
  92.  
  93. <script>
  94. $(document).ready(function(){
  95. $('.search').submit(function(event){
  96. var value = $('input:first').val();
  97. location.replace('http://{Name}.tumblr.com/tagged/' + value);
  98. });
  99. });
  100. </script>
  101.  
  102. <script>
  103. $(document).ready(function(){
  104. $('.photo-slideshow').pxuPhotoset({
  105. lightbox: true,
  106. highRes: true,
  107. gutter: '1px',
  108. borderRadius: '0px',
  109. photoset: '.photo-slideshow',
  110. photoWrap: '.photo-data',
  111. photo: '.pxu-photo'
  112. });
  113.  
  114. }); </script>
  115.  
  116. <style type="text/css">
  117. @-webkit-keyframes fadein {
  118. 0% {opacity: 0;}
  119. 100% { opacity: 1; }
  120. }
  121.  
  122. @-moz-keyframes fadein {
  123. 0% { opacity: 0; }
  124. 100% { opacity: 1; }
  125. }
  126.  
  127. @keyframes fadein {
  128. 0% { opacity: 0; }
  129. 100% { opacity: 1; }
  130. }
  131.  
  132. ::-webkit-scrollbar {width:11px;height:11px;}
  133. ::-webkit-scrollbar {background-color:transparent;}
  134. ::-webkit-scrollbar-track {border:5px solid #ffffff;background-color:#eee;}
  135. ::-webkit-scrollbar-thumb {border:5px solid #ffffff;background-color:#ccc;min-height:24px;min-width:24px;}
  136.  
  137. #s-m-t-tooltip {max-width:300px; margin-top:-40px; margin-right:0px;
  138. font-size:9px; font-family: {select:font}; letter-spacing:1px; text-align:center; text-transform:lowercase; padding:3px 6px; color:{color:text}; background-color:#fff;border-bottom:0px;z-index:999999;border-radius:3px;box-shadow:1px 1px 5px #eee;}
  139.  
  140. .tumblr_blog {font-family:{select:font};font-size:{select:font size};color:{color:link};border-bottom:0px!important;display:inline-block;line-height:15px;text-transform:lowercase;font-style:italic;letter-spacing:1px;}
  141.  
  142. .cap {margin-left:0px;margin-top:0px;margin-bottom:0px;width:calc({select:post size} - 20px);padding:5px 10px 1px 10px;background-color:#fff;border-radius:3px;}
  143.  
  144. .cap blockquote {width:calc({select:post size} - 40px);margin-left:10px;padding-left:10px;border-left:1px solid #eee;}
  145.  
  146. h1 {font-family:{select:font};font-size:12px;letter-spacing:1px;font-weight:400;text-align:left; line-height:18px;text-transform:lowercase;padding-top:5px;}
  147.  
  148. h2, h3, h4, h5, h6 {font-family:{select:font};margin-bottom:10px;font-size:12px;font-weight:400;text-align:left; line-height:100%;text-transform:uppercase;margin-top:5px;}
  149.  
  150. hr {width:50px;margin:auto;border-width: 1px 0px 0px 0px;border-style: solid;border-color:#eeeeee;} pre {font-size: {select:font size};font-family: {select:font};width:{select:post size};text-align: left;word-break: break-all;color:{color:Text};}
  151.  
  152. body {font-family: {select:font};color: {color:Text};background-color:#ffffff;letter-spacing:0.75px;line-height:18px;-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;} big {font-size:12px;}
  153.  
  154. small, sup, sub {font-size: 10px!important;}
  155. u {text-decoration:none;border-bottom:1px solid #eee;}
  156.  
  157. a {color: {color:link};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;}
  158.  
  159. .lnr {font-size:9px;padding-right:5px;font-weight:600;color:{color:text};}
  160.  
  161. .button {padding:2px 5px;background-color:#fafafa;border-radius:0px;display:inline-block;margin-right:8px;}
  162. .button a {border-bottom:0px!important;}
  163.  
  164. #sidebar {
  165. width: 465px;
  166. padding: 80px 50px 0px 60px;
  167. background-color:#fff;
  168. background-image:url({image:sidebar background});
  169. background-size:cover;
  170. position:fixed;
  171. left:0px;
  172. top:0px;
  173. height:100%;
  174. font-size:{select:font size};
  175. box-shadow:3px 5px 8px #eee;
  176. }
  177.  
  178. .sbimage {width:100%;height:50px;margin-bottom:15px;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%);}
  179.  
  180. .sbtitle, .sbtitle a {font-family:{select:font};color:{color:link};font-size:11.5px;line-height:18px;text-transform:lowercase;width:100%;text-align:right;font-style:italic;letter-spacing:1px;} .sbtitle a:hover {color:{color:accent};}
  181.  
  182. .box {display:block;position:relative;top:20px;left:315px;width:150px;height:100%;background-color:transparent;}
  183.  
  184. .sidebar-links {text-align:right;font-size:{select:font size};text-transform:lowercase;font-style:italic;} .sidebar-links a {display:block;transition: 0.5s ease-in-out;padding-top:2px;padding-bottom:2px;margin-left:5px;color:{color:link};letter-spacing:1px;} .sidebar-links a:hover {color:{color:accent};transition: 0.5s ease-in-out;}
  185.  
  186. #description {font-size:{select:font size};line-height:18px;text-align: right;color: {color:text};letter-spacing: 0.5px;margin:15px 0px;} #description a {text-transform:lowercase;color:{color:link};} #description a:hover {color:{color:accent};}
  187.  
  188. .pagination {display:block;position:relative;width:100%;text-align:center;font-size:{select:font size};font-family:{select:body font}; text-transform:lowercase;margin-bottom:75px;letter-spacing:1px;} .pagination a {font-family:{select:font};color:{color:text};padding:5px;letter-spacing:1px;} .pagination a:hover {font-family:{select:font};color:{color:accent};text-decoration:none;} .current-page {font-family:{select:font};color:{color:link};padding:5px;}
  189.  
  190. .postscontainer {display:block;position:relative;width:{select:post size};left:730px;top:40px;}
  191.  
  192. .post-title {font-family:{select:font};font-size:14px;letter-spacing:0.5px;font-weight:400;text-align:left;line-height:18px;text-transform:lowercase;padding:10px 10px 0px 10px;}
  193.  
  194. .posts {width:{select:post size};font-size: {select:font size};font-family: {select:font};margin-top:40px;padding:0px;margin-bottom:125px;text-align:justify;background-color:#fff;box-shadow:3px 3px 5px #eee;} .posts img {max-width:100%;height:auto;margin-top:3px;}
  195.  
  196.  
  197. .info {width:calc({select:post size} - 20px);color:{color:text};text-align:left;font-family:{select:font};text-transform:lowercase;letter-spacing:0.5px;font-size:{select:font size};line-height:20px;padding:8px 10px 10px 10px;border-top:1px solid #f7f7f7;}
  198. .info a {color:{color:text};letter-spacing:0.5px;}
  199. .info a:hover {text-decoration:none;color:{color:accent};}
  200.  
  201.  
  202. /* -- TAGS -- */
  203. .tags {width:calc({select:post size} - 20px);font-family:{select:font};text-align:left;font-size:{select:font size};word-break:break-word;padding: 0px 0px 10px 10px;margin-top:-10px;}
  204. .tags a {margin-right:8px;color:{color:link};}
  205. .tags a:hover {color:{color:text};}
  206.  
  207.  
  208. 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;}
  209.  
  210. /* -- post notes -- */
  211.  
  212. .postsnote {width:calc({select:post size} - 10px);background-color:#fff;margin-top:-75px;margin-bottom:50px;padding-left:10px;min-height:50px;max-height:255px;overflow-y:scroll;}
  213. .postsnote ol, .notes-bottom ul {margin: 0px;padding: 0px 0;list-style: none;}
  214. .postsnote li {width:90%;margin:0px;font-size: {select:font size};float:left;text-align:left;}
  215. .postsnote li img.avatar {display:none;}
  216. .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;font-style:italic;letter-spacing:1px;}
  217.  
  218.  
  219. /* -- photosets -- */
  220.  
  221. .photo-slideshow {visibility: hidden;margin-bottom:5px;} .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;}
  222.  
  223.  
  224. /* -- audio -- */
  225.  
  226. .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: .6;filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6; 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: 10px;line-height:14px;display:inline-block;margin-left: 90px;margin-top:20px;padding:5px;max-height:80px;} .audiowrapper {background-color: #fff;position: relative;display:inline-block;width:calc({select:post size} - 2px);height:82px;border-radius:3px;border:1px solid #eee;}
  227.  
  228. 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:18px;font-weight:400;padding:10px; text-align:left;} .source {font-size: 10px;letter-spacing:0.5px;font-family:{select:font};text-transform:uppercase;text-align:left;line-height:18px;padding:0px 10px 0px 10px;}
  229.  
  230. .chat {padding:0px 10px;font-size: {select:font size};}
  231. .chatlabel {font-family:{select:font};text-transform:uppercase;display:inline-block;margin-right:1px;font-weight:600;}
  232. .lines {margin-left:0;}
  233. .lines span {font-weight: bold;}
  234.  
  235. .linktitle {font-size:14px;line-height:18px;margin-left:10px;padding-right:10px;padding-top:10px;} .video {padding-bottom:5px;width:{select:post size};}
  236.  
  237. /* -- ASKS -- */
  238. .question {
  239. background-color:#fafafa;
  240. padding:10px 10px 15px 10px;
  241. width: calc({select:post-size} - 20px);
  242. border-radius:3px;
  243. }
  244.  
  245. .asker {display:block;font-family:{select:font};font-size:{select:font size};text-transform:lowercase;font-weight:600;margin-bottom:8px;}
  246.  
  247. .answer {padding:0px;margin-top:-5px;}
  248.  
  249. .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};}
  250.  
  251. iframe.tmblr-iframe {z-index:99999999999999!important;top:0!important;right:0!important;opacity:0.7;filter:invert(1) contrast(100%);-webkit-filter:invert(1) contrast(100%);-o-filter:invert(1) contrast(100%);-moz-filter:invert(1) contrast(100%);-ms-filter:invert(1) contrast(100%);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;}
  252. iframe.tmblr-iframe:hover {opacity:1;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
  253.  
  254. </style>
  255. </head>
  256. <body>
  257.  
  258. <!-- sidebar -->
  259. <div id="sidebar">
  260. <div class="box">
  261.  
  262. <div class="sbimage"><img src="{PortraitURL-64}"/></div>
  263.  
  264. <div class="sbtitle"><a href="/">{text:title}</a></div>
  265. <div id="description">{Description}</div>
  266.  
  267. <div class="sidebar-links">
  268. <a href="/">home</a>
  269. <a href="/ask">contact</a>
  270. <a href="{text:link 1 url}">{text:link 1}</a>
  271. <a href="{text:link 2 url}">{text:link 2}</a>
  272. <a href="{text:link 3 url}">{text:link 3}</a>
  273. </div>
  274.  
  275.  
  276. </div></div>
  277. <!-- end sidebar -->
  278.  
  279. <div class="postscontainer" id="{PostID}">{block:Posts}<div class="posts" id="{PostID}">{block:Text}{block:Title}<div class="post-title">{Title}</div>{/block:Title}<div class="caption">{Body}</div>{/block:Text}
  280.  
  281. {block:Quote}<div class="quote">&#8220;{Quote}&#8221;</div><div class="source"> {block:Source}{Source}{/block:Source}</div>{/block:Quote}
  282.  
  283. {block:Link}<div class="linktitle"><a href="{URL}">{Name}</a></div>{block:Description}<div class="caption">{Description}</div>{/block:Description}{/block:Link}
  284.  
  285. {block:Chat}<div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:lines}<div class="lines">{block:label}<div class="chatlabel">{label}</div>{/block:label} {line}</br></div></div>{/block:lines}{/block:Chat}
  286.  
  287. {block:Answer}<div class="question"><div class="asker">{Asker}</div>{Question}</div><div class="caption"><div class="answer">{Answer}</div></div>{/block:Answer}
  288.  
  289. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  290.  
  291. {block:Photoset}
  292. <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>
  293. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  294. {/block:Photoset}
  295.  
  296. {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}
  297.  
  298. {block:Video}<div class="video">{Video-500}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  299.  
  300. {block:Date}<div class="info"><a href="{Permalink}" title="{TimeAgo}"><b>{ShortDayOfWeek}</b>: {NoteCount}</a>
  301.  
  302. {block:PermalinkPage}{block:RebloggedFrom} &nbsp;ยท &nbsp;via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &nbsp;ยท &nbsp;src: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{/block:RebloggedFrom}
  303. {/block:PermalinkPage}</div>{/block:Date}
  304.  
  305. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  306.  
  307. </div>{/block:Posts}
  308.  
  309. {block:PostNotes}<div class="postsnote">{PostNotes}</div>{/block:PostNotes}
  310.  
  311. <div class="pagination">
  312. {block:Pagination}{block:PreviousPage}
  313. <a href="{PreviousPage}">prev</a>
  314. {/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}
  315. <span class="current-page">{PageNumber}</span>
  316. {/block:CurrentPage}{block:JumpPage}
  317. <a class="jump_page" href="{URL}">{PageNumber}</a>
  318. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  319. <a href="{NextPage}">next</a>
  320. {/block:NextPage}{/block:Pagination}
  321. </div>
  322.  
  323. <div class="atlas"><a href="http://www.atlasthemes.tumblr.com">a</a></div>
  324.  
  325. </div></div>
  326. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment