Advertisement
seouless

MENTIRI theme

Aug 24th, 2012
5,114
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.17 KB | None | 0 0
  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.  
  13. <meta name="if:photo fade" content="0">
  14. <meta name="if:greyscale" content="0">
  15. <meta name="if:black music" content="0">
  16. <meta name="if:infinite scroll">
  17. <meta name="if:250px" content="1">
  18. <meta name="if:400px">
  19. <meta name="if:500px">
  20. <meta name="if:small link perma" content="1">
  21.  
  22. <meta name="color:BG" content="#fff">
  23. <meta name="color:text" content="#444">
  24. <meta name="color:sp text" content="#333">
  25. <meta name="color:link" content="#111">
  26. <meta name="color:link hover" content="#bbb">
  27. <meta name="color:link hover 1" content="#FFB3B6">
  28. <meta name="color:link hover 2" content="#B0CDFF">
  29. <meta name="color:link click" content="#000">
  30. <meta name="color:border" content="#666">
  31. <meta name="color:title" content="#111">
  32.  
  33. <meta name="text:link 1" content="Link">
  34. <meta name="text:link 1 URL">
  35. <meta name="text:link 2" content="Link">
  36. <meta name="text:link 2 URL">
  37. <meta name="text:link 3" content="Link">
  38. <meta name="text:link 3 URL">
  39. <meta name="text:link 4" content="Link">
  40. <meta name="text:link 4 URL">
  41.  
  42.  
  43. <style type="text/css">
  44.  
  45. iframe#tumblr_controls{
  46. right:0px !important;
  47. position:fixed !important;
  48. -webkit-transition: all 0.7s ease-out;
  49. -moz-transition: all 0.7s ease-out;
  50. transition: all 0.7s ease-out;
  51. z-index:9999;
  52. }
  53.  
  54. ::-webkit-scrollbar-track {background-color:#fff;}
  55. ::-webkit-scrollbar-thumb {background-color:#666;border:1px solid #fff;border-right:0px;}
  56. ::-webkit-scrollbar {width:5px;height:5px;}
  57.  
  58.  
  59. body {
  60. font-family:consolas;
  61. font-size:10px;
  62. letter-spacing:0px;
  63. text-align:justify;
  64. text-transform:normal;
  65. margin:auto;
  66. background:{color:BG} url('{image:BG}') fixed repeat center;
  67. color:{color:text};
  68. {block:indexpage}
  69. {block:if250px}width:455px;{/block:if250px}
  70. {block:if400px}width:605px;{/block:if400px}
  71. {block:if500px}width:705px;{/block:if500px}
  72. {/block:indexpage}
  73. {block:permalinkpage}
  74. width:675px;
  75. {/block:permalinkpage}
  76. }
  77.  
  78. li {
  79. list-style:square;
  80. }
  81.  
  82. a {
  83. text-decoration:none;
  84. -webkit-transition:all 0.5s ease-in-out;
  85. -moz-transition:all 0.5s ease-in-out;
  86. -o-transition:all 0.5s ease-in-out;
  87. transition:all 0.5s ease-in-out;
  88. color:{color:link};
  89. }
  90.  
  91. a:hover {
  92. color:{color:link hover};
  93. text-shadow:2px 0px 0px {color:link hover 1}, -2px 0px 0px {color:link hover 2};
  94. }
  95.  
  96. a:active {
  97. color:{color:link click};
  98. -webkit-transition:all 0.05s ease-in-out;
  99. -moz-transition:all 0.05s ease-in-out;
  100. -o-transition:all 0.05s ease-in-out;
  101. transition:all 0.05s ease-in-out;
  102. }
  103.  
  104. b, strong {
  105. font-weight:heavy;
  106. color:{color:sp text};
  107. }
  108.  
  109. i, em {
  110. font-weight:light;
  111. color:{color:sp text};
  112. }
  113.  
  114. blockquote {
  115. margin-left:30px;
  116. padding:3px 0px 3px 9px;
  117. border-left:1px solid {color:border};
  118. }
  119.  
  120. #posts {
  121. height:100%;
  122. margin-bottom:-8px;
  123. background: url('{image:posts BG}') fixed repeat center;
  124. {block:indexpage}
  125. padding:10px 5px 5px 5px;
  126. {block:if250px}width:260px;{/block:if250px}
  127. {block:if400px}width:410px;{/block:if400px}
  128. {block:if500px}width:510px;{/block:if500px}
  129. {/block:indexpage}
  130. {block:permalinkpage}
  131. width:510px;
  132. padding:50px 5px 5px 5px;
  133. {/block:permalinkpage}
  134. }
  135.  
  136. #text {
  137. margin:-1px 0px -1px 0px;
  138. overflow:hidden;
  139. {block:indexpage}
  140. padding:10px 15px 10px 15px;
  141. {block:if250px}width:230px;{/block:if250px}
  142. {block:if400px}width:380px;{/block:if400px}
  143. {block:if500px}width:480px;{/block:if500px}
  144. border-top:1px solid {color:border};
  145. border-bottom:1px solid {color:border};
  146. {/block:indexpage}
  147. {block:permalinkpage}width:500px;{/block:permalinkpage}
  148. }
  149.  
  150. #text img {
  151. {block:indexpage}
  152. {block:if250px}max-width:230px;{/block:if250px}
  153. {block:if400px}max-width:380px;{/block:if400px}
  154. {block:if500px}max-width:480px;{/block:if500px}
  155. {/block:indexpage}
  156. {block:permalinkpage}max-width:500px;{/block:permalinkpage}
  157. }
  158.  
  159. #photo {
  160. margin:-1px 5px -1px 5px;
  161. {block:indexpage}
  162. {block:ifgreyscale}
  163. filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
  164. filter: gray; /* IE6-9 */
  165. -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
  166. {/block:ifgreyscale}
  167. padding:10px 0px 8px 0px;
  168. {block:if250px}width:250px;{/block:if250px}
  169. {block:if400px}width:400px;{/block:if400px}
  170. {block:if500px}width:500px;{/block:if500px}
  171. {/block:indexpage}
  172. {block:permalinkpage}width:500px;{/block:permalinkpage}
  173. -webkit-transition:all 0.5s ease-in-out;
  174. -moz-transition:all 0.5s ease-in-out;
  175. -o-transition:all 0.5s ease-in-out;
  176. transition:all 0.5s ease-in-out;
  177. }
  178.  
  179. #photo:hover {
  180. filter: none;
  181. -webkit-filter: grayscale(0);
  182. }
  183.  
  184. #photo img {
  185. opacity:1;
  186. -webkit-transition:all 0.5s ease-in-out;
  187. -moz-transition:all 0.5s ease-in-out;
  188. -o-transition:all 0.5s ease-in-out;
  189. transition:all 0.5s ease-in-out;
  190. }
  191.  
  192. {block:ifphotofade}
  193. {block:indexpage}
  194. #photo img:hover {
  195. opacity:.5;
  196. }
  197.  
  198. #photo:hover img {
  199. opacity:.5;
  200. }
  201.  
  202. #photo:hover .fade {
  203. opacity:.5;
  204. }
  205.  
  206. .fade:hover {
  207. opacity:.5;
  208. }
  209. {/block:indexpage}
  210. {/block:ifphotofade}
  211.  
  212. .fade {
  213. opacity:1;
  214. -webkit-transition:all 0.5s ease-in-out;
  215. -moz-transition:all 0.5s ease-in-out;
  216. -o-transition:all 0.5s ease-in-out;
  217. transition:all 0.5s ease-in-out;
  218. }
  219.  
  220. #perma {
  221. position:absolute;
  222. line-height:normal;
  223. {block:ifsmalllinkperma}
  224. font-size:8px;
  225. letter-spacing:1px;
  226. text-transform:uppercase;
  227. font-family:consolas;
  228. {/block:ifsmalllinkperma}
  229. }
  230.  
  231. .txt {
  232. opacity:0;
  233. margin-top:2px;
  234. {block:if250px}margin-left:245px;{/block:if250px}
  235. {block:if400px}margin-left:395px;{/block:if400px}
  236. {block:if500px}margin-left:495px;{/block:if500px}
  237. -webkit-transition:all 0.5s ease-in-out;
  238. -moz-transition:all 0.5s ease-in-out;
  239. -o-transition:all 0.5s ease-in-out;
  240. transition:all 0.5s ease-in-out;
  241. }
  242.  
  243. .pht {
  244. opacity:0;
  245. margin-top:5px;
  246. {block:if250px}margin-left:255px;{/block:if250px}
  247. {block:if400px}margin-left:405px;{/block:if400px}
  248. {block:if500px}margin-left:505px;{/block:if500px}
  249. -webkit-transition:all 0.5s ease-in-out;
  250. -moz-transition:all 0.5s ease-in-out;
  251. -o-transition:all 0.5s ease-in-out;
  252. transition:all 0.5s ease-in-out;
  253. }
  254.  
  255. #text:hover .txt {
  256. opacity:.9;
  257. }
  258.  
  259. #photo:hover .pht {
  260. opacity:.9;
  261. }
  262.  
  263. .heading {
  264. font-size:12px;
  265. padding:2px 25px 2px 25px;
  266. margin-left:-5px;
  267. margin-right:-5px;
  268. color:{color:title};
  269. letter-spacing:1px;
  270. font-family:consolas;
  271. }
  272.  
  273. .quote {
  274. font-size:11px;
  275. padding:2px 5px 2px 5px;
  276. margin-left:-5px;
  277. margin-right:-5px;
  278. color:consolas;
  279. }
  280.  
  281. .source {
  282. text-align:right;
  283. }
  284.  
  285. .audio {
  286. {block:ifnotblackmusic}background:#fff;{/block:ifnotblackmusic}
  287. {block:ifblackmusic}background:#000;{/block:ifblackmusic}
  288. }
  289.  
  290. .plink {
  291. font-size:12px;
  292. padding:2px 5px 2px 25px;
  293. margin-left:-5px;
  294. margin-right:-5px;
  295. letter-spacing:1px;
  296. font-family:consolas;
  297. }
  298.  
  299. .perm {
  300. text-align:left;
  301. border-left:1px solid {color:border};
  302. margin-top:5px;
  303. padding:3px 5px 3px 9px;
  304. }
  305.  
  306. .pnotes {
  307. max-height:575px;
  308. margin:5px;
  309. overflow:auto;
  310. text-align:left;
  311. }
  312.  
  313. .question {
  314. padding:2px 5px 2px 5px;
  315. margin-left:-5px;
  316. margin-right:-5px;
  317. color:{color:title};
  318. }
  319.  
  320. .asker {
  321. text-align:right;
  322. font-size:12px;
  323. padding:2px 5px 2px 5px;
  324. margin-left:-5px;
  325. margin-right:-5px;
  326. color:{color:title};
  327. }
  328.  
  329. .asker a {
  330. text-transform:capitalize;
  331. }
  332.  
  333. #side {
  334. position:fixed;
  335. overflow:hidden;
  336. {block:indexpage}
  337. {block:if250px}margin-left:305px;{/block:if250px}
  338. {block:if400px}margin-left:455px;{/block:if400px}
  339. {block:if500px}margin-left:555px;{/block:if500px}
  340. {/block:indexpage}
  341. {block:permalinkpage}margin-left:525px;{/block:permalinkpage}
  342. width:150px;
  343. top:125px;
  344. padding:5px;
  345. text-align:left;
  346. }
  347.  
  348. .title {
  349. font-size:14px;
  350. letter-spacing:2px;
  351. padding:0px 5px 3px 5px;
  352. color:#111;
  353. border-bottom:1px solid {color:border};
  354. font-family:consolas;
  355. }
  356.  
  357. .title a {
  358. padding:0px 5px 0px 5px;
  359. border-left:1px solid {color:border};
  360. }
  361.  
  362. .links {
  363. padding:0px 5px 0px 5px;
  364. line-height:5px;
  365. }
  366.  
  367. .link {
  368. margin:5px 0px 5px 0px;
  369. border-left:10px solid {color:border};
  370. padding-left:10px;
  371. {/block:ifsmalllinkperma}
  372. font-size:8px;
  373. letter-spacing:1px;
  374. text-transform:uppercase;
  375. font-family:consolas;
  376. {/block:ifsmalllinkperma}
  377. -webkit-transition:all 0.5s ease-in-out;
  378. -moz-transition:all 0.5s ease-in-out;
  379. -o-transition:all 0.5s ease-in-out;
  380. transition:all 0.5s ease-in-out;
  381. }
  382.  
  383. .link:hover {
  384. padding:0px 0px 0px 5px;
  385. border-left:15px solid transparent;
  386. color:{color:link hover};
  387. text-shadow:2px 0px 0px {color:link hover 1}, -2px 0px 0px {color:link hover 2};
  388. }
  389.  
  390. .link a {
  391. -webkit-transition:all 0s ease-in-out;
  392. -moz-transition:all 0s ease-in-out;
  393. -o-transition:all 0s ease-in-out;
  394. transition:all 0s ease-in-out;
  395. }
  396.  
  397. .link:active {
  398. color:{color:link click};
  399. -webkit-transition:all 0.05s ease-in-out;
  400. -moz-transition:all 0.05s ease-in-out;
  401. -o-transition:all 0.05s ease-in-out;
  402. transition:all 0.05s ease-in-out;
  403. }
  404.  
  405. .desc {
  406. border-left:1px solid {color:border};
  407. padding:2px 0px 2px 4px;
  408. }
  409.  
  410.  
  411. </style>
  412. <style type="text/css">{CustomCSS}</style>
  413. {block:ifinfinitescroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescroll}
  414. </head>
  415. <body>
  416.  
  417.  
  418. <div id="side">
  419. <div class="title">▲ <a href="/">{title}</a></div>
  420. <div class="links">
  421. <a href="/"><div class="link">Home</div></a>
  422. <a href="/ask"><div class="link">Message</div></a>
  423. {block:iflink1URL}<a href="{text:link 1 URL}"><div class="link">{text:link 1}</div></a>{/block:iflink1URL}
  424. {block:iflink2URL}<a href="{text:link 2 URL}"><div class="link">{text:link 2}</div></a>{/block:iflink2URL}
  425. {block:iflink3URL}<a href="{text:link 3 URL}"><div class="link">{text:link 3}</div></a>{/block:iflink3URL}
  426. {block:iflink4URL}<a href="{text:link 4 URL}"><div class="link">{text:link 4}</div></a>{/block:iflink4URL}
  427. </div>
  428. <div class="desc">
  429. {description}
  430. {block:ifnotinfinitescroll}
  431. <br>
  432. {block:Pagination}
  433. <div style="word-spacing:2px;">
  434. {block:PreviousPage}
  435. <a href="{PreviousPage}">◀</a>
  436. {/block:PreviousPage}
  437. {block:JumpPagination length="5"}
  438. {block:CurrentPage}
  439. <span style="border-bottom:1px solid {color:border};">{PageNumber}</span>
  440. {/block:CurrentPage}
  441. {block:JumpPage}
  442. <a class="jump_page" href="{URL}">{PageNumber}</a>
  443. {/block:JumpPage}
  444. {/block:JumpPagination}
  445. {block:NextPage}
  446. <a href="{NextPage}">▶</a>
  447. {/block:NextPage}
  448. </div>
  449. {/block:Pagination}
  450. {/block:ifnotinfinitescroll}
  451. </div>
  452. </div>
  453.  
  454.  
  455. <div id="posts">
  456. {block:Posts}
  457.  
  458. {block:text}
  459. <div id="text">
  460. {block:indexpage}
  461. <div id="perma" class="txt">
  462. <a href="{permalink}">▲ {NoteCount}</a>
  463. </div>
  464. {/block:indexpage}
  465. {block:Title}<div class="heading">{Title}</div>{/block:Title}
  466. {Body}
  467. </div>
  468. {/block:text}
  469.  
  470. {block:photo}
  471. <div id="photo">
  472. {block:indexpage}
  473. <div id="perma" class="pht">
  474. <a href="{permalink}">▲ {NoteCount}</a><br><a href="{ReblogURL}">Reblog</a>
  475. </div>
  476. <center><img src="{PhotoURL-500}" style="{block:if250px}max-width:250px;{/block:if250px}{block:if400px}max-width:400px;{/block:if400px}{block:if500px}max-width:500px;{/block:if500px}"></center>
  477. {/block:indexpage}
  478. {block:permalinkpage}
  479. {LinkOpenTag}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"></center>{LinkCloseTag}
  480. {block:HighRes}<div style="text-align:right;"><a href="{PhotoURL-HighRes}"><small>High Resolution ⇁</small></a></div>{/block:HighRes}
  481. {block:Caption}{Caption}{/block:Caption}
  482. {block:Camera}{Camera} {/block:Camera}{block:Aperture}Aperture: {Aperture} {/block:Aperture}{block:Exposure}Exposure: {Exposure} {/block:Exposure}{block:FocalLength}Focal lenth: {FocalLength} {/block:FocalLength}
  483. {/block:permalinkpage}
  484. </div>
  485. {/block:photo}
  486.  
  487. {block:Photoset}
  488. <div id="photo">
  489. {block:indexpage}
  490. <div id="perma" class="pht">
  491. <a href="{permalink}">▲ {NoteCount}</a><br><a href="{ReblogURL}">Reblog</a>
  492. </div>
  493. <center><div class="fade">{block:if250px}{Photoset-250}{/block:if250px}{block:if400px}{Photoset-400}{/block:if400px}{block:if500px}{Photoset-500}{/block:if500px}
  494. </div></center>
  495. {/block:indexpage}
  496. {block:permalinkpage}
  497. <center>{Photoset-500}</center>
  498. {block:Caption}{Caption}{/block:Caption}
  499. {/block:permalinkpage}
  500. </div>
  501. {/block:Photoset}
  502.  
  503. {block:quote}
  504. <div id="text">
  505. {block:indexpage}
  506. <div id="perma" class="txt">
  507. <a href="{permalink}">▲ {NoteCount}</a>
  508. </div>
  509. {/block:indexpage}
  510. <div class="quote">"{Quote}"</div>
  511. {block:Source}<div class="source">— {Source}</div>{/block:Source}
  512. </div>
  513. {/block:quote}
  514.  
  515. {block:link}
  516. <div id="text">
  517. {block:indexpage}
  518. <div id="perma" class="txt">
  519. <a href="{permalink}">▲ {NoteCount}</a>
  520. </div>
  521. {/block:indexpage}
  522. <div class="plink"><a href="{URL}" target="_blank">{Name} ⇁</a></div>
  523. {block:permalinkpage}
  524. {block:Description}{Description}{/block:Description}
  525. {/block:permalinkpage}
  526. </div>
  527. {/block:link}
  528.  
  529. {block:chat}
  530. <div id="text">
  531. {block:indexpage}
  532. <div id="perma" class="txt">
  533. <a href="{permalink}">▲ {NoteCount}</a>
  534. </div>
  535. {/block:indexpage}
  536. {block:Title}<div class="heading">{Title}</div>{/block:Title}
  537. {block:Lines}{block:Label}<b>{Label}</b> &#160 {/block:Label}{Line}<br>{/block:Lines}
  538. </div>
  539. {/block:chat}
  540.  
  541. {block:audio}
  542. <div id="text">
  543. {block:indexpage}
  544. <div id="perma" class="txt">
  545. <a href="{permalink}">▲ {NoteCount}</a>
  546. </div>
  547. {block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
  548. {block:AudioPlayer}<div class="audio"><center>{block:ifnotblackmusic}{AudioPlayerWhite}{/block:ifnotblackmusic}{block:ifblackmusic}{AudioPlayerBlack}{/block:ifblackmusic}</center></div>{/block:AudioPlayer}
  549. {block:TrackName}"{TrackName}" {/block:TrackName}{block:Artist}by {Artist}{/block:Artist}{block:PlayCount}<div>{PlayCountWithLabel}</div>{/block:PlayCount}
  550. {/block:indexpage}
  551. {block:permalinkpage}
  552. {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  553. {block:AudioPlayer}<div class="audio"><center>{block:ifnotblackmusic}{AudioPlayerWhite}{/block:ifnotblackmusic}{block:ifblackmusic}{AudioPlayerBlack}{/block:ifblackmusic}</center></div>{/block:AudioPlayer}
  554. {block:TrackName}"{TrackName}" {/block:TrackName}{block:Artist}by {Artist}{/block:Artist}{block:Album}<br><b>{Album}</b>{/block:Album}{block:PlayCount}<br>{PlayCountWithLabel}<br>{/block:PlayCount}
  555. {block:Caption}{Caption}{/block:Caption}
  556. {/block:permalinkpage}
  557. </div>
  558. {/block:audio}
  559.  
  560. {block:video}
  561. <div id="photo">
  562. {block:indexpage}
  563. <div id="perma" class="pht">
  564. <a href="{permalink}">▲ {NoteCount}</a><br><a href="{ReblogURL}">Reblog</a>
  565. </div>
  566. <center><div class="fade">{block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}</div></center>
  567. {/block:indexpage}
  568. {block:permalinkpage}
  569. <center><div class="fade">{Video-500}</div></center>
  570. {PlayCountWithLabel}
  571. {block:Caption}{Caption}{/block:Caption}
  572. {/block:permalinkpage}
  573. </div>
  574. {/block:video}
  575.  
  576. {block:Answer}
  577. <div id="text">
  578. {block:indexpage}
  579. <div id="perma" class="txt">
  580. <a href="{permalink}">▲ {NoteCount}</a>
  581. </div>
  582. {/block:indexpage}
  583. <div class="question">"{Question}"</div>
  584. <div class="asker">From: {Asker}</div>
  585. {Answer}
  586. </div>
  587. {/block:Answer}
  588.  
  589. {block:permalinkpage}
  590. <div class="perm">
  591. {block:Date}Posted — {TimeAgo} on {Month} {DayOfMonth}, {Year}<br>{/block:Date}
  592. {block:HasTags}Tagged — &#160{block:Tags}<a href="{TagURL}"># {Tag}</a> &#160{/block:Tags}<br>{/block:HasTags}
  593. Navigation — &#160<a href="http://{name}.tumblr.com">Home</a> &#160<a href="/ask">Message</a> &#160<a href="/archive">Archives</a> &#160<a href="/random">Random</a><br>
  594. {block:RebloggedFrom}Via — &#160<a style="text-transform:capitalize;" href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  595. {block:ContentSource}Source — &#160<a style="text-transform:capitalize;" href="{SourceURL}">{SourceTitle}</a><br>{/block:ContentSource}
  596. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  597. </div>
  598. <div class="pnotes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  599. {/block:permalinkpage}
  600.  
  601. {/block:Posts}
  602. </div>
  603.  
  604. <a style="position:fixed;bottom:5px;left:5px;" href="http://subplanets.tumblr.com">theme</a>
  605.  
  606. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement