API tools faq
paste
Advertisement
sskate

tweet theme

sskate
Apr 16th, 2014
178
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.48 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <script type="text/javascript"
  3. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  4. <head>
  5. <!-- COLOR -->
  6. <meta name="color:Background" content="#fafafa" />
  7. <meta name="color:Text" content="#494949" />
  8. <meta name="color:Blogtitle" content="#c9d7ee" />
  9. <meta name="color:Link" content="#c9d7ee" />
  10. <!-- TEXT -->
  11. <meta name="text:Blogtitle" content="impressions" />
  12. <meta name="text:Link One Title" content="" />
  13. <meta name="text:Link One" content="" />
  14. <meta name="text:Link Two Title" content="" />
  15. <meta name="text:Link Two" content="" />
  16. <meta name="text:Link Three Title" content="" />
  17. <meta name="text:Link Three" content="" />
  18. <!-- IMAGES -->
  19. <meta name="image:Background" content="" />
  20. <meta name="image:Sidebar" content="https://31.media.tumblr.com/d0a2d3923ca9cba31c56aecade8c1d2b/tumblr_inline_n0kp24hLow1r6aryl.jpg" />
  21. <meta name="image:Sidebar Background" content="http://static.tumblr.com/mnxgubd/EzVn0j543/cream_pixels.png" />
  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:#999999;
  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:370px;
  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:#999999;
  80. position: fixed;
  81. font-size:12px;
  82. padding: 3px;
  83. margin-top: 192px;
  84. text-transform:uppercase;
  85. font-family:arial;
  86. background-color: white;
  87. height: auto;
  88. text-transform:uppercase;
  89. margin-left:50px;
  90. text-align:left;
  91. line-height: 10px;
  92. width: 277px;
  93. padding-left:3px;
  94. z-index:9;
  95. border:1px solid#f5f5f6;
  96. }
  97.  
  98. #blogname{
  99. z-index:9;
  100. font-family:arial;
  101. text-transform:none;
  102. position:fixed !important;
  103. color:white;
  104. text-align:center;
  105. font-size:16.30px;
  106. margin-top:150px;
  107. margin-left:150px;
  108. }
  109.  
  110. big{
  111. font-size:14px;
  112. }
  113. #blogtitle{
  114. z-index:9;
  115. font-family:arial;
  116. text-transform:none;
  117. position:fixed !important;
  118. color:white;
  119. text-align:center;
  120. font-size:19.30px;
  121. margin-top:120px;
  122. margin-left:140px;
  123. }
  124. @font-face { font-family: "babydoll"; src: url('http://static.tumblr.com/mnxgubd/91xn0kpk1/babydoll.ttf'); }
  125. #description{
  126. margin-top:218px;
  127. margin-left:65px;
  128. z-index:10;
  129. color:{color:text};
  130. background-color:white;
  131. border:1px solid#f5f5f6;
  132. position:fixed;
  133. width:250px;
  134. font-size:10px;
  135. text-transform:none;
  136. padding:3px;
  137. height:auto;
  138. font-family:arial;
  139. overflow:auto;
  140. border-radius:5px;
  141. }
  142.  
  143. #descriptionbackground{
  144. margin-top:200px;
  145. margin-left:50px;
  146. z-index:0;
  147. background-color: #f5f5f6;
  148. border:1px solid#f5f5f6;
  149. position:fixed;
  150. width:277px;
  151. font-size:8px;
  152. text-transform:uppercase;
  153. padding:3px;
  154. height:55px;
  155. overflow:auto;
  156. border-radius:5px;
  157. }
  158.  
  159.  
  160. #sidebarimage{
  161. margin-top:60px;
  162. margin-left:160px;
  163. z-index:9;
  164. color:{color:text};
  165. background-color:white;
  166. border-radius:5px;
  167. position:fixed;
  168. width:auto;
  169. font-size:8px;
  170. text-transform:uppercase;
  171. padding:3px;
  172. overflow:hidden;
  173. }
  174.  
  175. #sidebarbackground{
  176. background:url('{image:Sidebar Background}') top left fixed repeat;
  177. background-color:white;
  178. position: fixed;
  179. margin-top: 45px;
  180. height: 145px;
  181. margin-left:50px;
  182. opacity:1;
  183. width: 280px;
  184. padding-left:3px;
  185. z-index:0;
  186. border:1px solid#f5f5f6;
  187. border-top-left-radius:5px;
  188. border-top-right-radius:5px;
  189. }
  190. #stuffbackground{
  191. background-color:white;
  192. position: fixed;
  193. color:{color:text};
  194. text-transform:none;
  195. padding:5px;
  196. font-size:10px;
  197. font-family:arial;
  198. margin-top: 270px;
  199. height: auto;
  200. margin-left:50px;
  201. opacity:1;
  202. width: 280px;
  203. z-index:0;
  204. border:1px solid#f5f5f6;
  205. border-radius:5px;
  206. }
  207. #entry{
  208. {block:permalinkpage}
  209. width:500px;
  210. {/block:permalinkpage}
  211. opacity: 1;
  212. font-size: 10px;
  213. text-align:center;
  214. z-index:0;
  215. float:left;
  216. {block:indexpage}
  217. width:300px;
  218. {/block:indexpage}
  219. height: auto;
  220. background-color:#fff;
  221. padding:4px;
  222. padding-bottom:4px;
  223. font-family:"Consolas";
  224. border-radius:5px;
  225. font-size:8px;
  226. margin-right:60px;
  227. line-height: 12px;
  228. overflow:hidden;
  229. margin-bottom:60px;
  230. border:1px solid #f5f5f6;
  231. transition: all 0.9s ease-out;
  232. -o-transition-transition: all 0.9s ease-out;
  233. -webkit-transition: all 0.9s ease-out;
  234. -moz-transition: all 0.9s ease-out;
  235. }
  236.  
  237. #entry:hover {
  238. transition: all 0.9s ease-out;
  239. -o-transition-transition: all 0.9s ease-out;
  240. -webkit-transition: all 0.9s ease-out;
  241. -moz-transition: all 0.9s ease-out;
  242. }
  243.  
  244.  
  245. #entry .perma{
  246. color:{color:Title};
  247. font-family:consolas;
  248. position: absolute;
  249. font-size: 8px;
  250. text-align:center;
  251. width:288px;
  252. height:10px;
  253. border-top-left-radius:5px;
  254. border-top-right-radius:5px;
  255. z-index: 99999;
  256. background-color:{color:Background};
  257. border:1px solid#f5f5f6;
  258. text-transform:uppercase;
  259. overflow:hidden;
  260. margin-left: 0px;
  261. padding: 5px;
  262. margin-top:-0px;
  263. -webkit-transition: opacity 1.3s linear; opacity: 1.0;
  264. -webkit-transition: all 1.3s linear;
  265. -moz-transition: all 1.3s linear;
  266. transition: all 1.3s linear;
  267. }
  268. #entry:hover .perma{color:white;
  269. overflow:visible;
  270. opacity:1;
  271. margin-top:-0px;
  272. -webkit-transition: all 1.3s linear;
  273. -webkit-transition: all 1.3s linear;
  274. -moz-transition: all 1.3s linear;
  275. transition: all 1.3s linear;
  276. }
  277. #entry img{
  278. {block:indexpage}
  279. margin-top:27px;
  280. width:300px;
  281. {/block:indexpage}
  282. opacity:0.6;
  283. -webkit-transition: all 0.7s ease-out;
  284. -moz-transition: all 0.7s ease-out;
  285. transition: all 0.7s ease-out;
  286. }
  287. #entry img:hover{opacity:0.8;
  288. -webkit-transition: all 0.7s ease-out;
  289. -moz-transition: all 0.7s ease-out;
  290. transition: all 0.7s ease-out;
  291. }
  292.  
  293. blockquote {
  294. border-left:10px solid {color:Link}; margin-top: 4px; padding: 4px; background: #fff; line-height: 14px; background-color:{color:Background};
  295. }
  296.  
  297.  
  298. #creditbackground{
  299. background-color:white;
  300. position: fixed;
  301. margin-top: 500px;
  302. height:24px;
  303. margin-left:10px;
  304. opacity:1;
  305. width: 31px;
  306. padding-left:3px;
  307. z-index:0;
  308. border:1px solid#f5f5f6;
  309. }
  310.  
  311. #credit{
  312. margin-top:504px;
  313. margin-left:14px;
  314. z-index:9;
  315. font-family:consolas;
  316. color:{color:text};
  317. background-color:{color:Background};
  318. border:1px solid#f5f5f6;
  319. position:fixed;
  320. width:20px;
  321. font-size:8px;
  322. text-transform:uppercase;
  323. padding:3px;
  324. overflow:hidden;
  325.  
  326. }
  327.  
  328.  
  329.  
  330. }
  331.  
  332. </style>
  333.  
  334. <style type="text/css">{CustomCSS}</style>
  335. </head>
  336.  
  337. <body>
  338.  
  339. <div id="description">{Description}</div><div id="sidebarimage"><img src="{image:Sidebar}" style="width:48px; height:48px;"></div>
  340. <div id="linkies"><center>
  341. <a href="/">home</a>,
  342. <a href="/ask">inbox</a>,
  343. {block:IfLinkOneTitle}<a href="{text:Link One}">{text:Link One Title}</a>,{/block:ifLinkOneTitle}
  344. {block:ifLinkTwoTitle}<a href="{text:Link Two}"> {text:Link Two Title}</a>{/block:ifLinkTwoTitle}
  345. {block:ifLinkThreeTitle}<a href="{text:Link Three}"> {text:Link Three Title}</a>{/block:ifLinkThreeTitle}
  346. </div></center>
  347. <div id="blogtitle"><b>{text:Blogtitle}</b></div><div id="blogname">@{name}</div><div id="sidebarbackground"></div><div id="descriptionbackground"></div><div id="creditbackground"></div><div id="credit"><a href="http://sskate.tumblr.com/">theme</a></div><div id="sidebarbackground"></div>
  348. <div id="sidebar">
  349. <div id="center">
  350. <div id="content">
  351.  
  352. </div></div>
  353. <div id="posts">
  354. {block:posts}
  355. <div id="entry">
  356. {block:Text}{block:Indexpage}<div class="perma">
  357. <a href="/archive">{TimeAgo}</a> - <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">retweet</a> </span></div><br><br>{/block:Indexpage}
  358. {block:Title}<span class="title">{Title}</span>{/block:Title}{Body}
  359. {/block:IndexPage}
  360. {/block:Text}
  361.  
  362. {block:Link}<div class="perma">
  363. <a href="/archive">{TimeAgo}</a> - <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">retweet</a> </span></div><br><br>
  364. <a href="{URL}" class="title">{Name}</a>
  365. {block:Description}{Description}{/block:Description}
  366. {block:Link}
  367. {block:Photo}
  368. {block:IndexPage}
  369. <div class="perma">
  370. <a href="/archive">{TimeAgo}</a> - <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">retweet</a> </span></div>
  371. {/block:IndexPage}
  372. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="width:300px;" /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"style="width:500px;" />{LinkCloseTag}{/block:PermalinkPage}
  373. {/block:Photo}
  374.  
  375. {block:Photoset}
  376. <center>
  377. {block:IndexPage}<div class="perma">
  378. <a href="/archive">{TimeAgo}</a> - <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">retweet</a> </span></div><br><br>
  379. <div style="width: 200px;; overflow-x:hidden;overflow-y:hidden;">{Photoset-250}</div>
  380. {/block:IndexPage}
  381. </center>
  382. <center>{block:PermalinkPage}<div style="width: auto; overflow-x:hidden;overflow-y:hidden;">{Photoset-500}{/block:PermalinkPage}</center>
  383. {/block:Photoset}
  384.  
  385. {block:Quote}{block:Indexpage}<div class="perma">
  386. <a href="/archive">{TimeAgo}</a> - <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">retweet</a> </span></div><br><br>{/block:Indexpage}
  387. <span class="entrytext">{Quote}</span>
  388. {block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
  389.  
  390. {/block:Quote}
  391.  
  392. {block:Chat}{block:Indexpage}<div class="perma">
  393. <a href="/archive">{TimeAgo}</a> - <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">retweet</a> </span></div><br><br>{/block:Indexpage}
  394. {block:Title}<span class="title">{Title}</span>{/block:Title}
  395. <ul class="chat">
  396. {block:Lines}
  397. <li class="user_{UserNumber}">
  398. {block:Label}
  399. <span class="label">{Label}</span>
  400. {/block:Label}
  401.  
  402. {Line}
  403. </li>
  404. {/block:Lines}
  405. </ul>
  406. {/block:Chat}
  407.  
  408. {block:Audio}{block:Indexpage}<div class="perma">
  409. <a href="/archive">{TimeAgo}</a> - <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">retweet</a> </span></div><br><br>{/block:Indexpage}
  410. <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>
  411. {block:IndexPage}
  412. {/block:IndexPage}
  413. {/block:Audio}
  414.  
  415. {block:Video}{block:Indexpage}<div class="perma">
  416. <a href="/archive">{TimeAgo}</a> - <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">retweet</a> </span></div><br><br>{/block:Indexpage}<center>
  417.  
  418. <div class="video">{Video-200}</div></center>
  419. {block:Video}
  420.  
  421. <center>
  422. {block:Answer}{block:Indexpage}<div class="perma">
  423. <a href="/archive">{TimeAgo}</a> - <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">retweet</a> </span></div><br><br>{/block:Indexpage}
  424. <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}
  425. {block:permalinkpage}width: 300px;{/block:permalinkpage} text-align: center; overflow: auto;">
  426.  
  427. <askk>&nbsp;{Asker} asked:</askk>
  428. {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}
  429. {block:permalinkpage}width: 300px;{/block:permalinkpage}"><br>{Answer}</div>
  430. {/block:Answer}
  431. </center>
  432.  
  433. {block:PostNotes}<div align="middle">{caption}</div>
  434. <center>
  435.  
  436. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  437.  
  438. {block:HasTags}
  439. tagged with {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  440. {block:RebloggedFrom}
  441. reblogged from <a href="{ReblogParentURL}" title="reblogged this">{ReblogParentName}</a>{/block:RebloggedFrom}
  442. </center></span>
  443. <br>
  444. <div id="postnotes">{PostNotes}</div><br>
  445. </center></center></center>
  446. {block:ContentSource}
  447. <br><a href="{SourceURL}" title="bae">
  448. {lang:Source}:
  449. {block:SourceLogo}
  450. <img src="{BlackLogoURL}" width="20px"
  451. height="20px" alt="{SourceTitle}" />
  452. {/block:SourceLogo}
  453. {block:NoSourceLogo}
  454. {SourceLink}
  455. {/block:NoSourceLogo}
  456. </a>
  457. {/block:ContentSource}</center>
  458.  
  459. {/block:PostNotes}
  460. </div>
  461. {/block:Posts}
  462. </div></div>
  463. {block:indexpage}
  464. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  465. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  466. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  467. <script type="text/javascript">
  468. $(window).load(function(){
  469. var $wall = $('#posts');
  470. $wall.imagesLoaded(function(){
  471. $wall.masonry({
  472. itemSelector: '#entry, #entry_photo',
  473. isAnimated : false
  474. });
  475. });
  476.  
  477. $wall.infinitescroll({
  478. navSelector : '#page-nav',
  479. nextSelector : '#page-nav a',
  480. itemSelector : '#entry, #entry_photo',
  481. bufferPx : 2000,
  482. debug : false,
  483. errorCallback: function() {
  484. $('#infscr-loading').fadeOut('normal');
  485. }},
  486. function( newElements ) {
  487. var $newElems = $( newElements );
  488. $newElems.hide();
  489. $newElems.imagesLoaded(function(){
  490. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  491. });
  492. }); $('#content').show(500);
  493. });
  494. </script>
  495. {/block:indexpage}
  496.  
  497. </div>
  498. </div>
  499.  
  500. </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!