Advertisement
InfiniteTherese

I N D I E

Mar 21st, 2014
2,777
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.67 KB | None | 0 0
  1. <!-
  2. theme by coldplaytbh. i made a lot of effort so dont remove the credit. if you want to remove the credit put it in your faq. you can delete this now. the post code is from takeable. p.s. dear bitch, you are using my theme. and its not yours.
  3. -!>
  4.  
  5. <html lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10. <meta name="color:Background" content="#fafafa"/>
  11. <meta name="color:Title" content="#aaa"/>
  12. <meta name="color:description color" content="#aaa"/>
  13. <meta name="color:Text" content="#aaa"/>
  14. <meta name="color:Link" content="#aaa"/>
  15. <meta name="color:scrollbar" content="#ddd"/>
  16. <meta name="color:blogtitle" content="#000"/>
  17. <meta name="image:sidebar Background" content=""/>
  18. <meta name="if:faded posts" content="1"/>
  19. <meta name="if:round posts" content="0"/>
  20. <meta name="text:link one" content="/" />
  21. <meta name="text:link one title" content="home" />
  22. <meta name="text:link two" content="/ask" />
  23. <meta name="text:link two title" content="message" />
  24. <meta name="text:link three" content="" />
  25. <meta name="text:link three title" content="navigation" />
  26. <meta name="text:link four" content="" />
  27. <meta name="text:link four title" content="more" />
  28. <meta name="text:blogtitle" content="Insert your very long title here" />
  29.  
  30. </script>
  31.  
  32. <style type="text/css">
  33. #entry img{
  34. {block:indexpage}
  35. max-width:240px;
  36. {block:ifroundposts}
  37. border-radius: 5px;
  38. {/block:ifroundposts}
  39. {block:iffadedposts}
  40. opacity:.7;
  41. -webkit-transition: all 0.7s ease-out;
  42. -moz-transition: all 0.7s ease-out;
  43. transition: all 0.7s ease-out;
  44. {/block:iffadedposts}
  45. {/block:indexpage}
  46. }
  47. #entry img:hover{
  48. {block:iffadedposts}
  49. opacity: 1;
  50. -webkit-transition: all 0.7s ease-out;
  51. -moz-transition: all 0.7s ease-out;
  52. transition: all 0.7s ease-out;
  53. {block:iffadedposts}
  54. }
  55. #tumblr_controls{
  56. position:fixed !important;
  57. -webkit-filter: invert(100%)
  58. }
  59.  
  60. @font-face { font-family: "basket";src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,}
  61.  
  62. 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;}
  63.  
  64. 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;}
  65.  
  66. ::-webkit-scrollbar {width: 8px; height: 4px; background: #eeeeee; border-left: 1px solid #eee; }
  67.  
  68. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-bottom: 1px solid #fff; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; }
  69.  
  70. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  71.  
  72. a:link, a:active, a:visited{
  73. color:{color:link};
  74. text-decoration: none;
  75. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  76. }
  77. a:hover {
  78. color:{color:hover};
  79. text-decoration: underline;
  80. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  81. }
  82. #akina{width:250px; border:0px solid #ddd; height:auto;}
  83. {block:PermalinkPage}
  84. width:410px;
  85. {/block:PermalinkPage}
  86. }
  87.  
  88. #center{
  89. padding-top:3px;
  90. padding-bottom:3px;
  91. position:fixed !important;
  92. width:250px;
  93. height:207px;
  94. background-color:white;
  95. {block:PermalinkPage}
  96. width:410px;
  97. height:207px;
  98. {/block:PermalinkPage}
  99. }
  100. body{
  101. margin:5px;
  102. font-family:calibri;
  103. font-size:11px;
  104. background-color: {color:Background};
  105. background-attachment: fixed;
  106. background-repeat: repeat;
  107. color:{color:Text};
  108. }
  109. #audio {
  110. width:200px;
  111. height:auto;
  112. min-height:60px;
  113. padding-bottom:0px;
  114. }
  115. .cover {
  116. position:absolute;
  117. z-index:1;
  118. width:60px;
  119. height:60px;
  120. }
  121. .cover img {
  122. float:left;
  123. width:60px;
  124. height:60px;
  125. }
  126. .playbox {
  127. opacity:0.6;
  128. width:27px;
  129. height:30px;
  130. overflow:hidden;
  131. position:absolute;
  132. z-index:1000;
  133. margin-left:17px;
  134. margin-top:17px;
  135. text-align:center;
  136. }
  137. .info {
  138. margin-left:73px;
  139. margin-top:4px;
  140. line-height:14px;
  141. }
  142. #posts{
  143. float:center;
  144. margin-top:112px;
  145. background:white;
  146. {block:indexpage}
  147. width:830px;
  148. margin-left:250px;
  149. {/block:indexpage}
  150. {block:permalinkpage}
  151. margin-left:380px;
  152. {/block:permalinkpage}
  153. }
  154.  
  155. div#description{
  156. position: fixed;
  157. text-align: center;
  158. font-size:8px;
  159. text-transform:uppercase;
  160. font-family:consolas;
  161. line-height:12px;
  162. width:350px;
  163. color:{color:text};
  164. margin-top:-67px;
  165. margin-left:480px;
  166. padding:8px;
  167. z-index:99999999;
  168. }
  169.  
  170.  
  171.  
  172. @font-face { font-family: "amatic";src: url('http://static.tumblr.com/u37ad6e/GKZmr4tgx/amaticsc-regular.ttf');,}
  173.  
  174. #blogtitle{
  175. position:fixed !important;
  176. font-family:amatic;
  177. font-size:32px;
  178. margin-top:-112px;
  179. border-bottom:0px solid #f7f7f7;
  180. padding:10px;
  181. background-image:url({image:Background});
  182. width:810px;
  183. text-align:center;
  184. height:90px;
  185. margin-left:250px;
  186. color:{color:blogtitle};
  187. letter-spacing:-1px;
  188. z-index:9999999;
  189. }
  190. .title{
  191. font-family:geneva;
  192. font-size: 15px;
  193. font-style:italic;
  194. color: {color:Title};
  195. padding: 2px 0px 0px 0px;
  196. }
  197. askk {
  198. font-family: geneva;
  199. color:{color:Title};
  200. font-size:15px;
  201. z-index:1;
  202. font-style:italic;
  203. }
  204. #entry {
  205. margin:20px;
  206. float:left;
  207. font-size:10px;
  208. font-family:calibri;
  209. line-height:12px;
  210. width:235px;
  211. {block:ifroundposts}
  212. border-radius: 5px;
  213. {/block:ifroundposts}
  214. {block:PermalinkPage}
  215. width: 510px;
  216. padding:20px;
  217. background:white;
  218. margin-top:0px;
  219. {/block:PermalinkPage}
  220. }
  221. #entry .perma{
  222. width:auto;
  223. height: auto;
  224. font-family:consolas;
  225. position: absolute;
  226. font-size: 8px;
  227. font-style:none;
  228. line-height: 15px;
  229. text-align: center;
  230. z-index: 99999;
  231. text-transform:uppercase;
  232. overflow:hidden;
  233. background-color:white;
  234. margin-top:10px;
  235. margin-left: 10px;
  236. padding: 3px;
  237. border-left:2px solid {color:title};
  238. border-right:2px solid {color:title};
  239. letter-spacing:1px;
  240. -webkit-filter: blur(5px);
  241. -webkit-transition: opacity 0.5s linear; opacity: 0.0;
  242. -webkit-transition: all 0.5s linear;
  243. -moz-transition: all 0.5s linear;
  244. transition: all 0.5s linear;
  245. }
  246. #entry:hover .perma{
  247. overflow:visible;
  248. opacity:1;
  249. -webkit-filter: blur(0px);
  250. -webkit-transition: all 0.5s linear;
  251. -webkit-transition: all 0.5s linear;
  252. -moz-transition: all 0.5s linear;
  253. transition: all 0.5s linear;
  254. }
  255. .permalinktext{
  256. display: block;
  257. font-family:consolas;
  258. font-size:8px;
  259. line-height:10px;
  260. letter-spacing:1px;
  261. text-transform:uppercase;
  262. text-align: right;
  263. font-style:none;
  264. margin: 5px;
  265. background:white;
  266. }
  267.  
  268. </style>
  269. <title>{title}</title>
  270. <link rel="shortcut icon" href="{favicon}">
  271. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=720" /></head>
  272.  
  273. <body>
  274. <div id="center">
  275. <div id="content">
  276.  
  277. <div id="description"><div style="font-family:calibri;color:{color:description color};"><i>{description}</i></div>
  278.  
  279. <center><div style="margin-top:3.5px;font-family:arial;font-size:7px;letter-spacing:1px;">
  280. <a href="{text:Link One}">{text:Link One Title}</a> / <a href="{text:Link Two}">{text:Link Two Title}</a> / <a href="{text:Link Three}">{text:Link Three Title}</a> / <a href="{text:Link Four}">{text:Link Four Title}</a> /
  281. <a href="http://slytherese.tumblr.com/">theme</a></center>
  282. </div></div>
  283.  
  284. <div id="blogtitle">{text:blogtitle}</div>
  285.  
  286. <div id="posts">
  287. {block:Posts}
  288. <div id="entry">
  289. {block:Text}
  290. {block:Title}<span class="title">{Title}</span>{/block:Title}
  291. <span class="entrytext">{Body}</span></a>
  292. {block:IndexPage}
  293. <div class="permalinktext">
  294. {Month} {DayOfMonth} with <a href="{permalink}">{notecountwithlabel}</a>
  295. </div>
  296. {/block:IndexPage}
  297. {/block:Text}
  298.  
  299. {block:Link}
  300. <a href="{URL}" class="title">{Name}</a>
  301. {block:Description}{Description}{/block:Description}
  302. {block:IndexPage}
  303. <div class="permalinktext">
  304. {Month} {DayOfMonth} with <a href="{permalink}">{notecountwithlabel}</a>
  305. </div>
  306. {/block:IndexPage}
  307. {block:Link}
  308.  
  309. {block:Photo}{block:IndexPage}
  310. <div class="perma">
  311. posted at {12Hour}:{Minutes} {AmPm} on {DayOfWeek} <br>
  312. <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">reblog this post</a> </span></div>
  313. {/block:IndexPage}
  314. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="" /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=510px/>{LinkCloseTag}{/block:PermalinkPage}
  315. {/block:Photo}
  316.  
  317. {block:Photoset}
  318. <center>
  319. {block:IndexPage}
  320. <div class="perma">
  321. posted {timeago} on {DayOfWeek} <br>
  322. with <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">share this post</a>
  323. </div>
  324. <div style="width: 235px; overflow-x:hidden;overflow-y:hidden;">{Photoset-250}</div>
  325. {/block:IndexPage}
  326. </center>
  327. <center>{block:PermalinkPage}<div style="width: auto; overflow-x:hidden;overflow-y:hidden;">{Photoset-500}{/block:PermalinkPage}</center>
  328. {/block:Photoset}
  329.  
  330. {block:Quote}
  331. <div class="quote">❝{quote}</div>
  332. {block:IndexPage}
  333. <div class="permalinktext">
  334. {Month} {DayOfMonth} with <a href="{permalink}">{notecountwithlabel}</a>
  335. </div>{/block:IndexPage}
  336. {/block:IndexPage}
  337. {/block:Quote}
  338.  
  339. {block:Chat}
  340. {block:Title}<span class="title">{Title}</span>{/block:Title}
  341. <ul class="chat">
  342. {block:Lines}
  343. <li class="user_{UserNumber}">
  344. {block:Label}
  345. <span class="label">{Label}</span>
  346. {/block:Label}
  347.  
  348. {Line}<br>
  349. {/block:Lines}
  350. {block:IndexPage}
  351. <div class="permalinktext">
  352. {Month} {DayOfMonth} with <a href="{permalink}">{notecountwithlabel}</a>
  353. </div>{/block:IndexPage}
  354. {/block:Chat}
  355.  
  356. {block:Video}
  357. <center>
  358. {block:IndexPage}
  359. <div class="perma">
  360. {Month} {DayOfMonth} with <a href="{permalink}">{notecountwithlabel}</a> - <a href="{reblogurl}">reblog</a>
  361. </div>
  362. <div style="width: 235px; overflow-x:hidden;overflow-y:hidden;">{Video-250}</div>
  363. {/block:IndexPage}
  364. </center>
  365. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden;overflow-y:hidden;">{Video-500}{/block:PermalinkPage}</center>
  366. {block:Video}
  367.  
  368. {block:Answer}
  369. <div style="margin-top:2px;;margin-bottom:0px;min-height:auto; padding: 4px; background-color:white;border:1px double #f7f7f7; text-transform:lowercase; letter-spacing:0px;font-size:10px; font-family: calibri; border-radius:5px;">
  370. <askk>{asker}</askk>: {Question}</div>
  371. <div style="margin-top:5px;line-height:11px;margin-bottom:2px; text-align-align:left; text-transform:lowercase;font-size:10px;font-family:calibri;">
  372. {Answer}</div>
  373.  
  374. {block:IndexPage}
  375. <div class="permalinktext">
  376. {Month} {DayOfMonth} with <a href="{permalink}">{notecountwithlabel}</a>
  377. </div>
  378. {/block:indexpage}
  379. {/block:Answer}
  380.  
  381. {block:PermalinkPage}
  382. <center>
  383. {block:Caption}{Caption}{/block:Caption}
  384. {block:RebloggedFrom}
  385. posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {notecountwithlabel}<br>
  386. <b>orginally posted by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  387. {block:NoteCount} <div style="border-bottom: 1px solid #eee; text-align: center; margin: 10px;"></div>{/block:NoteCount}
  388. </center>
  389. {/block:PermalinkPage}
  390.  
  391. {block:PostNotes}<div align="middle"></div>
  392. <center></center></span><br>
  393. <div id="postnotes">{PostNotes}</div><br>
  394. <center>{block:ContentSource}
  395. <br><a href="{SourceURL}">
  396. {lang:Source}:
  397. {block:SourceLogo}
  398. <img src="{BlackLogoURL}" width="{LogoWidth}"
  399. height="{LogoHeight}" alt="{SourceTitle}" />
  400. {/block:SourceLogo}
  401. {block:NoSourceLogo}
  402. {SourceLink}
  403. {/block:NoSourceLogo}
  404. </a>
  405. {/block:ContentSource}</center>
  406.  
  407. {/block:PostNotes}
  408. </div>
  409. {/block:Posts}
  410. </div></div>
  411.  
  412. {block:indexpage}
  413. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  414. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  415. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  416. <script type="text/javascript">
  417. $(window).load(function(){
  418. var $wall = $('#posts');
  419. $wall.imagesLoaded(function(){
  420. $wall.masonry({
  421. itemSelector: '#entry, #entry_photo',
  422. isAnimated : false
  423. });
  424. });
  425.  
  426. $wall.infinitescroll({
  427. navSelector : '#page-nav',
  428. nextSelector : '#page-nav a',
  429. itemSelector : '#entry, #entry_photo',
  430. bufferPx : 2000,
  431. debug : false,
  432. errorCallback: function() {
  433. $('#infscr-loading').fadeOut('normal');
  434. }},
  435. function( newElements ) {
  436. var $newElems = $( newElements );
  437. $newElems.hide();
  438. $newElems.imagesLoaded(function(){
  439. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  440. });
  441. }); $('#content').show(500);
  442. });
  443. </script>
  444. {/block:indexpage}
  445.  
  446. <script type="text/javascript">
  447. </script>
  448.  
  449. </body>
  450. <div style="position:fixed;bottom:6px;right:4px;font-family:arial;font-size:20px;background:white;"><a href="http://coldplaytbh.tumblr.com/">†</a></div></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement