API tools faq
paste
Advertisement
seouless

+ INVINCIBLE theme

seouless
Sep 18th, 2012
7,489
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.17 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <head><title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5.  
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9.  
  10.  
  11. <meta name="image:BG">
  12. <meta name="image:posts BG">
  13. <meta name="image:title BG">
  14.  
  15. <meta name="if:photo fade" content="0">
  16. <meta name="if:black music" content="0">
  17. <meta name="if:white music" content="1">
  18. <meta name="if:infinite scroll" content="1">
  19. <meta name="if:250px" content="1">
  20. <meta name="if:400px">
  21. <meta name="if:500px">
  22.  
  23. <meta name="color:BG" content="#fff">
  24. <meta name="color:text" content="#888">
  25. <meta name="color:sp text" content="#777">
  26. <meta name="color:link" content="#444">
  27. <meta name="color:link hover" content="#fff">
  28. <meta name="color:link click" content="#000">
  29. <meta name="color:border" content="#eee">
  30. <meta name="color:title" content="#444">
  31. <meta name="color:side link BG" content="#eee">
  32. <meta name="color:side title BG" content="#fff">
  33. <meta name="color:permalink" content="#eee">
  34. <meta name="color:scroll" content="#888">
  35.  
  36. <meta name="text:link one">
  37. <meta name="text:link one title" content="One">
  38. <meta name="text:link two">
  39. <meta name="text:link two title" content="Two">
  40.  
  41.  
  42. <style type="text/css">
  43.  
  44. iframe#tumblr_controls{
  45. right:0px !important;
  46. position:fixed !important;
  47. -webkit-transition: all 0.7s ease-out;
  48. -moz-transition: all 0.7s ease-out;
  49. transition: all 0.7s ease-out;
  50. z-index:9999;
  51. }
  52.  
  53. ::-webkit-scrollbar-track { background-color:{color:BG}; }
  54. ::-webkit-scrollbar-thumb { background-color:{color:scroll}; }
  55. ::-webkit-scrollbar { width:4px; height:4px; }
  56.  
  57.  
  58. body {
  59. font-family:consolas;
  60. font-size:9px;
  61. text-align:justify;
  62. text-transform:normal;
  63. background:#fff url('{image:BG}') fixed repeat center;
  64. color:{color:text};
  65. margin:0px;
  66. }
  67.  
  68. a {
  69. text-decoration:none;
  70. -webkit-transition:all 0.5s ease-in-out;
  71. -moz-transition:all 0.5s ease-in-out;
  72. -o-transition:all 0.5s ease-in-out;
  73. transition:all 0.5s ease-in-out;
  74. color:{color:link};
  75. }
  76.  
  77. a:hover {
  78. color:{color:link hover};
  79. }
  80.  
  81. a:active {
  82. color:{color:link click};
  83. -webkit-transition:all 0.05s ease-in-out;
  84. -moz-transition:all 0.05s ease-in-out;
  85. -o-transition:all 0.05s ease-in-out;
  86. transition:all 0.05s ease-in-out;
  87. }
  88.  
  89. b, strong {
  90. font-weight:heavy;
  91. color:{color:sp text};
  92. }
  93.  
  94. i, em {
  95. font-weight:light;
  96. color:{color:sp text};
  97. }
  98.  
  99. blockquote {
  100. margin-left:30px;
  101. padding-left:9px;
  102. border-left:1px solid {color:border};
  103. }
  104.  
  105. blockquote img {
  106. {block:indexpage}
  107. max-width:150px;
  108. {/block:indexpage}
  109. {block:permalinkpage}
  110. max-width:420px;
  111. {/block:permalinkpage}
  112. }
  113.  
  114. li {
  115. list-style:square;
  116. }
  117.  
  118. #main {
  119. margin:auto;
  120. {block:indexpage}
  121. {block:if250px}width:449px;{/block:if250px}
  122. {block:if400px}width:599px;{/block:if400px}
  123. {block:if500px}width:699px;{/block:if500px}
  124. {/block:indexpage}
  125. {block:permalinkpage}
  126. width:699px;
  127. {/block:permalinkpage}
  128. }
  129.  
  130. #posts {
  131. background:{color:posts BG} url('{image:posts BG}') fixed repeat center;
  132. border-left:1px solid {color:border};
  133. border-right:1px solid {color:border};
  134. {block:indexpage}
  135. {block:if250px}width:270px;{/block:if250px}
  136. {block:if400px}width:420px;{/block:if400px}
  137. {block:if500px}width:520px;{/block:if500px}
  138. padding:5px;
  139. {/block:indexpage}
  140. {block:permalinkpage}
  141. width:520px;
  142. padding:25px 5px 5px 5px;
  143. {/block:permalinkpage}
  144. }
  145.  
  146. .post {
  147. padding:5px;
  148. margin:5px;
  149. {block:indexpage}
  150. {block:if250px}width:250px;{/block:if250px}
  151. {block:if400px}width:400px;{/block:if400px}
  152. {block:if500px}width:500px;{/block:if500px}
  153. {/block:indexpage}
  154. {block:permalinkpage}
  155. width:500px;
  156. {/block:permalinkpage}
  157. }
  158.  
  159. .post img {
  160. {block:indexpage}
  161. {block:if250px}max-width:230px;{/block:if250px}
  162. {block:if400px}max-width:380px;{/block:if400px}
  163. {block:if500px}max-width:480px;{/block:if500px}
  164. {/block:indexpage}
  165. {block:permalinkpage}
  166. max-width:500px;
  167. {/block:permalinkpage}
  168. -webkit-transition:all 0.5s ease-in-out;
  169. -moz-transition:all 0.5s ease-in-out;
  170. -o-transition:all 0.5s ease-in-out;
  171. transition:all 0.5s ease-in-out;
  172. }
  173.  
  174. {block:indexpage}
  175. {block:ifphotofade}
  176. .post img:hover {
  177. opacity:.75;
  178. }
  179. {/block:ifphotofade}
  180. {/block:indexpage}
  181.  
  182. .post:hover .permalink {
  183. opacity:.9;
  184. }
  185.  
  186. .permalink {
  187. position:absolute;
  188. padding:2px 5px 2px 5px;
  189. background:{color:permalink};
  190. margin:5px 0px 0px 5px;
  191. opacity:0;
  192. letter-spacing:1px;
  193. -webkit-transition:all 0.5s ease-in-out;
  194. -moz-transition:all 0.5s ease-in-out;
  195. -o-transition:all 0.5s ease-in-out;
  196. transition:all 0.5s ease-in-out;
  197. z-index:9;
  198. {block:permalinkpage}
  199. display:none;
  200. {/block:permalinkpage}
  201. }
  202.  
  203. .head {
  204. padding:2px 15px 2px 15px;
  205. font-size:11px;
  206. letter-spacing:1px;
  207. color:{color:title};
  208. }
  209.  
  210. .say {
  211. padding:2px 10px 2px 10px;
  212. font-size:10px;
  213. color:{color:title};
  214. }
  215.  
  216. .cap {
  217. padding:2px 10px 2px 10px;
  218. }
  219.  
  220. .permalinkpage {
  221. padding:5px;
  222. }
  223.  
  224. #side {
  225. position:fixed;
  226. top:150px;
  227. width:150px;
  228. {block:indexpage}
  229. {block:if250px}margin-left:295px;{/block:if250px}
  230. {block:if400px}margin-left:445px;{/block:if400px}
  231. {block:if500px}margin-left:545px;{/block:if500px}
  232. {/block:indexpage}
  233. {block:permalinkpage}
  234. margin-left:545px;
  235. {/block:permalinkpage}
  236. }
  237.  
  238. .title {
  239. border:1px solid {color:border};
  240. font-size:11px;
  241. letter-spacing:1px;
  242. padding:1px 5px 1px 5px;
  243. background:{color:side title BG} url('{image:title BG}') fixed repeat center;
  244.  
  245. }
  246.  
  247. .show {
  248. float:right;
  249. position:relative;
  250. margin-top:-14px;
  251. margin-right:6px;
  252. cursor:help;
  253. }
  254.  
  255. .hide {
  256. text-align:center;
  257. padding:4px 5px 5px 5px;
  258. }
  259.  
  260. .links {
  261. text-align:center;
  262. border-top:1px solid {color:border};
  263. margin-top:-1px;
  264. padding:2px 5px 2px 5px;
  265. }
  266.  
  267. .links a {
  268. background:{color:side link BG};
  269. padding:0px 5px 0px 5px;
  270. }
  271.  
  272. .nav {
  273. text-align:center;
  274. padding:3px 0px 3px 0px;
  275. }
  276.  
  277.  
  278. </style>
  279. <style type="text/css">{CustomCSS}</style>
  280. {block:ifinfinitescroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescroll}
  281. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  282. <script type="text/javascript">
  283. $(document).ready(function(){
  284. $(".hide").hide();
  285. $(".show").click(function(){
  286. $(this).next(".hide").slideToggle('fast');
  287. }); });
  288. </script>
  289. </head>
  290. <body>
  291.  
  292.  
  293. <div id="main">
  294.  
  295.  
  296. <div id="side">
  297. <div class="title"><a href="/">{title}</a></div>
  298. <div class="show">+</div>
  299. <div class="hide">{description}</div>
  300. <div class="links"><a href="/">Home</a> <a href="/ask">Inbox</a> {block:iflinkone}<a href="{text:link one}">{text:link one title}</a>{/block:iflinkone} {block:iflinktwo}<a href="{text:link two}">{text:link two title}</a>{/block:iflinktwo}</div>
  301. {block:ifnotinfinitescroll}
  302. <div class="nav">
  303. {block:Pagination}
  304. {block:PreviousPage}
  305. <a href="{PreviousPage}">Prev</a>
  306. {/block:PreviousPage}
  307.  
  308. {block:JumpPagination length="5"}
  309. {block:CurrentPage}
  310. <span class="current_page">{PageNumber}</span>
  311. {/block:CurrentPage}
  312.  
  313. {block:JumpPage}
  314. <a class="jump_page" href="{URL}">{PageNumber}</a>
  315. {/block:JumpPage}
  316. {/block:JumpPagination}
  317.  
  318. {block:NextPage}
  319. <a href="{NextPage}">Next</a>
  320. {/block:NextPage}
  321. {/block:Pagination}
  322. </div>
  323. {/block:ifnotinfinitescroll}
  324. </div>
  325.  
  326.  
  327. <div id="posts">
  328.  
  329. {block:Posts}
  330.  
  331. <div class="post">
  332.  
  333.  
  334. <div class="permalink">
  335. [<a href="{ReblogURL}"> + </a>] <a href="{Permalink}">{NoteCountWithLabel}</a>
  336. </div>
  337.  
  338.  
  339. {block:Text}
  340. {block:Title}<div class="head">{Title}</div>{/block:Title}
  341. <div class="cap">{Body}</div>
  342. {/block:Text}
  343.  
  344. {block:Quote}
  345. <div class="say">"{Quote}"</div>
  346. {block:Source}<div style="text-align:right">— {Source}</div>{/block:Source}
  347. {/block:Quote}
  348.  
  349. {block:Link}
  350. <div class="head"><a href="{URL}" target="{Target}">⇁ {Name}</a></div>
  351. {block:Description}<div class="cap">{Description}</div>{/block:Description}
  352. {/block:Link}
  353.  
  354. {block:Chat}
  355. {block:Title}<div class="head">{title}</div>{/block:Title}
  356. <div class="cap">{block:Lines}<br>{block:Label}<b>{Label}</b>{/block:Label} {Line}{/block:Lines}</div>
  357. {/block:Chat}
  358.  
  359. {block:Audio}
  360. {block:indexpage}
  361. {block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
  362. {/block:indexpage}
  363. {block:permalinkpage}
  364. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  365. {/block:permalinkpage}
  366. {block:AudioPlayer}<center>
  367. {block:ifwhitemusic}{AudioPlayerWhite}{/block:ifwhitemusic}
  368. {block:ifnotblackmusic}{block:ifnotwhitemusic}{AudioPlayerGrey}{/block:ifnotwhitemusic}{/block:ifnotblackmusic}
  369. {block:ifblackmusic}{AudioPlayerBlack}{/block:ifblackmusic}
  370. </center>{/block:AudioPlayer}
  371. <div class="cap">
  372. {block:TrackName}{TrackName}<br>{/block:TrackName}
  373. {block:Artist}{Artist}<br>{/block:Artist}
  374. {block:Album}{Album}<br>{/block:Album}
  375. {block:PlayCount}{PlayCountWithLabel}<br>{/block:PlayCount}
  376. {block:ExternalAudio}<a href="{ExternalAudioURL}">Download</a><br>{/block:ExternalAudio}
  377. {block:permalinkpage}
  378. {block:Caption}{Caption}{/block:Caption}
  379. {/block:permalinkpage}
  380. </div>
  381. {/block:Audio}
  382.  
  383. {block:Answer}
  384. <div class="say">{Question}</div>
  385. <div style="text-align:right;">— {Asker}</div>
  386. <div class="cap">{Answer}</div>
  387. {/block:Answer}
  388.  
  389. {block:Photo}
  390. {block:indexpage}
  391. <center><img style="{block:if250px}max-width:250px;{/block:if250px}{block:if400px}max-width:400px;{/block:if400px}{block:if500px}max-width:500px;{/block:if500px}" src="{PhotoURL-500}"></center>
  392. {/block:indexpage}
  393. {block:permalinkpage}
  394. <center>{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</center>
  395. {block:HighRes}<div style="text-align:right;"><small><a href="{PhotoURL-HighRes}">High Resolution</a></small></div>{/block:HighRes}
  396. <div class="cap">
  397. {block:Camera}{Camera}<br>{/block:Camera}
  398. {block:Aperture}{Aperture}<br>{/block:Aperture}
  399. {block:Exposure}{Exposure}<br>{/block:Exposure}
  400. {block:FocalLength}{FocalLength}<br>{/block:FocalLength}
  401. {block:Caption}{Caption}<br>{/block:Caption}
  402. </div>
  403. {/block:permalinkpage}
  404. {/block:Photo}
  405.  
  406. {block:Photoset}
  407. {block:indexpage}
  408. <center>{block:if250px}{Photoset-250}{/block:if250px}{block:if400px}{Photoset-400}{/block:if400px}{block:if500px}{Photoset-500}{/block:if500px}</center>
  409. {/block:indexpage}
  410. {block:permalinkpage}
  411. <center>{Photoset-500}</center>
  412. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  413. {/block:permalinkpage}
  414. {/block:Photoset}
  415.  
  416. {block:Video}
  417. {block:indexpage}
  418. <center>{block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}</center>
  419. {/block:indexpage}
  420. {block:permalinkpage}
  421. <center>{Video-500}</center>
  422. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  423. {/block:permalinkpage}
  424. {/block:Video}
  425.  
  426. </div><!--post-->
  427.  
  428.  
  429. {block:permalinkpage}
  430. <div class="permalinkpage">
  431.  
  432. {block:Date}Posted — {TimeAgo} on {DayOfWeek} {Month} {DayOfMonth}, {Year} at {12Hour}:{Minutes}{AmPm}<br>{/block:Date}
  433. Navigation — <a href="/">Index</a> <a href="/ask">Message</a> <a href="/archive">History</a> <a href="/random">Random</a><br>
  434. {block:HasTags}Tagged — {block:Tags}<a href="{TagURL}">{Tag}</a>. {/block:Tags}<br>{/block:HasTags}
  435. {block:RebloggedFrom}Via — <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> — Source — <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a><br>{/block:RebloggedFrom}
  436. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  437. {block:PostNotes}{PostNotes}{/block:PostNotes}
  438.  
  439. </div><!--permalinkpage-->
  440. {/block:permalinkpage}
  441.  
  442.  
  443. {/block:Posts}
  444.  
  445.  
  446. </div><!--posts-->
  447.  
  448.  
  449. </div><!-- main -->
  450.  
  451.  
  452. <a style="position:fixed; bottom:5px; left:10px;" href="http://subplanets.tumblr.com">theme</a>
  453.  
  454.  
  455. </body></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!