API tools faq
paste
Advertisement
sskate

impressions theme

sskate
Feb 7th, 2014
179
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.37 KB | None | 0 0
raw download clone embed print report
  1. <!-- theme impressions by sskate -->
  2.  
  3. <script type="text/javascript"
  4. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  5. <head>
  6. <!-- COLOR -->
  7. <meta name="color:Background" content="#fafafa" />
  8. <meta name="color:Text" content="#494949" />
  9. <meta name="color:Blogtitle" content="#c9d7ee" />
  10. <meta name="color:Link" content="#c9d7ee" />
  11. <!-- TEXT -->
  12. <meta name="text:Blogtitle" content="impressions" />
  13. <meta name="text:Link One Title" content="" />
  14. <meta name="text:Link One" content="" />
  15. <meta name="text:Link Two Title" content="" />
  16. <meta name="text:Link Two" content="" />
  17. <meta name="text:Link Three Title" content="" />
  18. <meta name="text:Link Three" content="" />
  19. <!-- IMAGES -->
  20. <meta name="image:Background" content="" />
  21. <meta name="image:Sidebar" content="https://31.media.tumblr.com/d0a2d3923ca9cba31c56aecade8c1d2b/tumblr_inline_n0kp24hLow1r6aryl.jpg" />
  22.  
  23. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  24. <title>{Title}</title>
  25.  
  26. <link rel="shortcut icon" href="{Favicon}" />
  27. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  29. <style type="text/css">
  30. body {
  31. background: {color:Background} url('{image:Background}') top left fixed repeat;
  32. margin: 0;
  33. padding: 0;
  34. color:{color:Text};
  35. font-family:consolas;
  36. font-size:8px;
  37. text-transform:uppercase;
  38. }
  39.  
  40. a {
  41. color:{color:Link};
  42. text-decoration:none;
  43. }
  44.  
  45. #tumblr_controls{
  46. position:fixed !important;
  47. -webkit-filter: invert(100%)
  48. }
  49. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}#akina{}
  50.  
  51. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  52.  
  53. #posts{
  54. float:center;
  55. margin-left:300px;
  56. width:800px;
  57. z-index: 0;
  58. margin-top:15px;
  59. }
  60.  
  61. ::-webkit-scrollbar-thumb {
  62. background-color: {color:Blogtitle};
  63. }
  64.  
  65. ::-webkit-scrollbar {
  66. width: 5px; height: 4px;
  67. background:#f2f2f2;
  68. }
  69.  
  70. .title{
  71. font-size:15px;
  72. font-family:courier new;
  73. color:{color:Blogtitle};
  74. letter-spacing:4.5px;
  75. text-transform:uppercase;
  76. }
  77.  
  78. #linkies{
  79. color:{color:Link};
  80. position: fixed;
  81. font-size:8px;
  82. padding: 0px;
  83. margin-top: 532px;
  84. text-transform:uppercase;
  85. font-family:consolas;
  86. background-color: white;
  87. height: auto;
  88. text-transform:uppercase;
  89. margin-left:95px;
  90. text-align:left;
  91. line-height: 10px;
  92. width: 169px;
  93. padding-left:3px;
  94. z-index:9;
  95. background-color:{color:Background};
  96. border:1px solid#f0f0f0;
  97. }
  98.  
  99.  
  100.  
  101. #blogtitle{
  102. z-index:9;
  103. position:fixed !important;
  104. font-family:courier new;
  105. color:{color:Blogtitle};
  106. letter-spacing:0.75px;
  107. text-transform:uppercase;
  108. font-size:27px;
  109. margin-top:420px;
  110. margin-left:90px;
  111. text-shadow:
  112. -1px 0#fff,
  113. 0 1px#fff,
  114. 1px 0#fff,
  115. 0 -1px#fff;
  116. }
  117. @font-face { font-family: "babydoll"; src: url('http://static.tumblr.com/mnxgubd/91xn0kpk1/babydoll.ttf'); }
  118. #description{
  119. margin-top:450px;
  120. margin-left:160px;
  121. z-index:9;
  122. color:{color:text};
  123. background-color:{color:Background};
  124. border:1px solid#f0f0f0;
  125. position:fixed;
  126. width:100px;
  127. font-size:8px;
  128. text-transform:uppercase;
  129. padding:3px;
  130. height:67px;
  131. overflow:auto;
  132. }
  133.  
  134. #sidebarimage{
  135. margin-top:450px;
  136. margin-left:95px;
  137. z-index:9;
  138. color:{color:text};
  139. background-color:{color:Background};
  140. border:1px solid#f0f0f0;
  141. position:fixed;
  142. width:50px;
  143. font-size:8px;
  144. text-transform:uppercase;
  145. padding:3px;
  146. overflow:hidden;
  147. }
  148.  
  149. #sidebarbackground{
  150. background-color:white;
  151. position: fixed;
  152. margin-top: 445px;
  153. height: 112px;
  154. margin-left:90px;
  155. opacity:1;
  156. width: 178px;
  157. padding-left:3px;
  158. z-index:0;
  159. border:1px solid#f0f0f0;
  160. }
  161.  
  162. #entry{
  163. {block:permalinkpage}
  164. width:500px;
  165. {/block:permalinkpage}
  166. opacity: 1;
  167. font-size: 10px;
  168. text-align:center;
  169. z-index:0;
  170. float:left;
  171. {block:indexpage}
  172. width:200px;
  173. {/block:indexpage}
  174. height: auto;
  175. background-color:#fff;
  176. padding:4px;
  177. padding-bottom:4px;
  178. font-family:"Consolas";
  179. font-size:8px;
  180. margin-right:30px;
  181. line-height: 12px;
  182. overflow:hidden;
  183. margin-bottom:30px;
  184. border:1px solid #f0f0f0;
  185. transition: all 0.9s ease-out;
  186. -o-transition-transition: all 0.9s ease-out;
  187. -webkit-transition: all 0.9s ease-out;
  188. -moz-transition: all 0.9s ease-out;
  189. }
  190.  
  191. #entry:hover {
  192. transition: all 0.9s ease-out;
  193. -o-transition-transition: all 0.9s ease-out;
  194. -webkit-transition: all 0.9s ease-out;
  195. -moz-transition: all 0.9s ease-out;
  196. }
  197.  
  198.  
  199. #entry .perma{
  200. color:{color:Title};
  201. font-family:consolas;
  202. position: absolute;
  203. font-size: 8px;
  204. text-align:center;
  205. width:188px;
  206. height:10px;
  207. z-index: 99999;
  208. background-color:{color:Background};
  209. border:1px solid#f0f0f0;
  210. text-transform:uppercase;
  211. overflow:hidden;
  212. margin-left: 0px;
  213. padding: 5px;
  214. margin-top:-0px;
  215. -webkit-transition: opacity 1.3s linear; opacity: 1.0;
  216. -webkit-transition: all 1.3s linear;
  217. -moz-transition: all 1.3s linear;
  218. transition: all 1.3s linear;
  219. }
  220. #entry:hover .perma{color:white;
  221. overflow:visible;
  222. opacity:1;
  223. margin-top:-0px;
  224. -webkit-transition: all 1.3s linear;
  225. -webkit-transition: all 1.3s linear;
  226. -moz-transition: all 1.3s linear;
  227. transition: all 1.3s linear;
  228. }
  229. #entry img{
  230. {block:indexpage}
  231. margin-top:27px;
  232. width:200px;
  233. {/block:indexpage}
  234. opacity:0.6;
  235. -webkit-transition: all 0.7s ease-out;
  236. -moz-transition: all 0.7s ease-out;
  237. transition: all 0.7s ease-out;
  238. }
  239. #entry img:hover{opacity:0.8;opacity:1.0;
  240. -webkit-transition: all 0.7s ease-out;
  241. -moz-transition: all 0.7s ease-out;
  242. transition: all 0.7s ease-out;
  243. }
  244.  
  245. #creditbackground{
  246. background-color:white;
  247. position: fixed;
  248. margin-top: 500px;
  249. height:24px;
  250. margin-left:10px;
  251. opacity:1;
  252. width: 31px;
  253. padding-left:3px;
  254. z-index:0;
  255. border:1px solid#f0f0f0;
  256. }
  257.  
  258. #credit{
  259. margin-top:504px;
  260. margin-left:14px;
  261. z-index:9;
  262. font-family:consolas;
  263. color:{color:text};
  264. background-color:{color:Background};
  265. border:1px solid#f0f0f0;
  266. position:fixed;
  267. width:20px;
  268. font-size:8px;
  269. text-transform:uppercase;
  270. padding:3px;
  271. overflow:hidden;
  272.  
  273. }
  274. </style>
  275.  
  276. <style type="text/css">{CustomCSS}</style>
  277. </head>
  278. <body>
  279. <div id="description">{Description}</div><div id="sidebarimage"><img src="{image:Sidebar}" style="width:50px;height:65px; "></div>
  280. <div id="linkies"><center>
  281. <a href="/">home</a>,
  282. <a href="/ask">message</a>,
  283. {block:IfLinkOneTitle}<a href="{text:Link One}">{text:Link One Title}</a>,{/block:ifLinkOneTitle}
  284. {block:ifLinkTwoTitle}<a href="{text:Link Two}"> {text:Link Two Title}</a>,{/block:ifLinkTwoTitle}
  285. {block:ifLinkThreeTitle}<a href="{text:Link Three}"> {text:Link Three Title}</a>,{/block:ifLinkThreeTitle}
  286. <a href="http://sskate.tumblr.com/">theme</a></div></center>
  287. <div id="blogtitle">{text:Blogtitle}</div><div id="sidebarbackground"></div><div id="creditbackground"></div><div id="credit"><a href="http://sskate.tumblr.com/">theme</a></div><div id="sidebarbackground"></div>
  288. <div id="sidebar">
  289. <div id="center">
  290. <div id="content">
  291.  
  292. </div></div>
  293. <div id="posts">
  294. {block:posts}
  295. <div id="entry">
  296. {block:Text}{block:Indexpage}<div class="perma">
  297. <a href="/archive">{TimeAgo}</a> - <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">reblog</a> </span></div><br><br>{/block:Indexpage}
  298. {block:Title}<span class="title">{Title}</span>{/block:Title}{Body}
  299. {/block:IndexPage}
  300. {/block:Text}
  301.  
  302. {block:Link}<div class="perma">
  303. <a href="/archive">{TimeAgo}</a> - <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">reblog</a> </span></div><br><br>
  304. <a href="{URL}" class="title">{Name}</a>
  305. {block:Description}{Description}{/block:Description}
  306. {block:Link}
  307. {block:Photo}
  308. {block:IndexPage}
  309. <div class="perma">
  310. <a href="/archive">{TimeAgo}</a> - <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">reblog</a> </span></div>
  311. {/block:IndexPage}
  312. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:200px;" /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"style="width:500px;" />{LinkCloseTag}{/block:PermalinkPage}
  313. {/block:Photo}
  314.  
  315. {block:Photoset}
  316. <center>
  317. {block:IndexPage}<div class="perma">
  318. <a href="/archive">{TimeAgo}</a> - <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">reblog</a> </span></div><br><br>
  319. <div style="width: 200px;; overflow-x:hidden;overflow-y:hidden;">{Photoset-250}</div>
  320. {/block:IndexPage}
  321. </center>
  322. <center>{block:PermalinkPage}<div style="width: auto; overflow-x:hidden;overflow-y:hidden;">{Photoset-500}{/block:PermalinkPage}</center>
  323. {/block:Photoset}
  324.  
  325. {block:Quote}{block:Indexpage}<div class="perma">
  326. <a href="/archive">{TimeAgo}</a> - <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">reblog</a> </span></div><br><br>{/block:Indexpage}
  327. <span class="entrytext">{Quote}</span>
  328. {block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
  329.  
  330. {/block:Quote}
  331.  
  332. {block:Chat}{block:Indexpage}<div class="perma">
  333. <a href="/archive">{TimeAgo}</a> - <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">reblog</a> </span></div><br><br>{/block:Indexpage}
  334. {block:Title}<span class="title">{Title}</span>{/block:Title}
  335. <ul class="chat">
  336. {block:Lines}
  337. <li class="user_{UserNumber}">
  338. {block:Label}
  339. <span class="label">{Label}</span>
  340. {/block:Label}
  341.  
  342. {Line}
  343. </li>
  344. {/block:Lines}
  345. </ul>
  346. {/block:Chat}
  347.  
  348. {block:Audio}{block:Indexpage}<div class="perma">
  349. <a href="/archive">{TimeAgo}</a> - <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">reblog</a> </span></div><br><br>{/block:Indexpage}
  350. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  351. {block:IndexPage}
  352. {/block:IndexPage}
  353. {/block:Audio}
  354.  
  355. {block:Video}{block:Indexpage}<div class="perma">
  356. <a href="/archive">{TimeAgo}</a> - <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">reblog</a> </span></div><br><br>{/block:Indexpage}<center>
  357.  
  358. <div class="video">{Video-200}</div></center>
  359. {block:Video}
  360.  
  361. <center>
  362. {block:Answer}{block:Indexpage}<div class="perma">
  363. <a href="/archive">{TimeAgo}</a> - <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">reblog</a> </span></div><br><br>{/block:Indexpage}
  364. <div style="margin-left: 0px; border-left:10px solid {color:Link}; margin-top: 4px; padding: 4px; background: #fff; line-height: 14px; background-color:{color:Background};{block:indexpage}width:150px;{/block:indexpage}
  365. {block:permalinkpage}width: 300px;{/block:permalinkpage} text-align: center; overflow: auto;">
  366.  
  367. <askk>&nbsp;{Asker} asked:</askk>
  368. {Question}</div><div style="margin-left:0px; margin-top:-10px; background-color: transparent; padding:0px; text-align:center; line-height: 8px; border-top: 1px solid #eeeeew; {block:indexpage}width:150px;{/block:indexpage}
  369. {block:permalinkpage}width: 300px;{/block:permalinkpage}"><br>{Answer}</div>
  370. {/block:Answer}
  371. </center>
  372.  
  373. {block:PostNotes}<div align="middle">{caption}</div>
  374. <center>
  375.  
  376. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  377.  
  378. {block:HasTags}
  379. tagged with {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  380. {block:RebloggedFrom}
  381. reblogged from <a href="{ReblogParentURL}" title="reblogged this">{ReblogParentName}</a>{/block:RebloggedFrom}
  382. </center></span>
  383. <br>
  384. <div id="postnotes">{PostNotes}</div><br>
  385. </center></center></center>
  386. {block:ContentSource}
  387. <br><a href="{SourceURL}" title="bae">
  388. {lang:Source}:
  389. {block:SourceLogo}
  390. <img src="{BlackLogoURL}" width="20px"
  391. height="20px" alt="{SourceTitle}" />
  392. {/block:SourceLogo}
  393. {block:NoSourceLogo}
  394. {SourceLink}
  395. {/block:NoSourceLogo}
  396. </a>
  397. {/block:ContentSource}</center>
  398.  
  399. {/block:PostNotes}
  400. </div>
  401. {/block:Posts}
  402. </div></div>
  403. {block:indexpage}
  404. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  405. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  406. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  407. <script type="text/javascript">
  408. $(window).load(function(){
  409. var $wall = $('#posts');
  410. $wall.imagesLoaded(function(){
  411. $wall.masonry({
  412. itemSelector: '#entry, #entry_photo',
  413. isAnimated : false
  414. });
  415. });
  416.  
  417. $wall.infinitescroll({
  418. navSelector : '#page-nav',
  419. nextSelector : '#page-nav a',
  420. itemSelector : '#entry, #entry_photo',
  421. bufferPx : 2000,
  422. debug : false,
  423. errorCallback: function() {
  424. $('#infscr-loading').fadeOut('normal');
  425. }},
  426. function( newElements ) {
  427. var $newElems = $( newElements );
  428. $newElems.hide();
  429. $newElems.imagesLoaded(function(){
  430. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  431. });
  432. }); $('#content').show(500);
  433. });
  434. </script>
  435. {/block:indexpage}
  436.  
  437. </div>
  438. </div>
  439.  
  440. </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!