API tools faq
paste
txrpe

03 / metanoia

txrpe
Jul 18th, 2016
374
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.91 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!--
  3.  
  4. THEME 03 [METANOIA] by saisei-themes @ tumblr
  5.  
  6. - do not repost
  7. - do not claim as your own
  8. - do not use as base
  9. - enjoy !
  10.  
  11. -->
  12.  
  13.  
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16. <head>
  17.  
  18. <script type="text/javascript"
  19. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  20.  
  21. <title>{Title}</title>
  22.  
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26.  
  27. <meta name="color:background" content="#fff" />
  28. <meta name="color:text" content="#afafaf" />
  29. <meta name="color:borders" content="#dbdbdb" />
  30. <meta name="color:links" content="#d2e6ef" />
  31. <meta name="color:links hover" content="#eaeaea" />
  32. <meta name="color:btitle" content="#eaeaea" />
  33. <meta name="color:blockquote" content="#eaeaea" />
  34. <meta name="color:question" content="#f9f9f9" />
  35. <meta name="color:pre" content="#fafafa" />
  36.  
  37. <meta name="image:icon" content="" />
  38.  
  39. <meta name="if:link1" content="1" />
  40. <meta name="if:link2" content="1" />
  41. <meta name="if:link3" content="1" />
  42. <meta name="text:link1 url" content="" />
  43. <meta name="text:link1 title" content="" />
  44. <meta name="text:link2 url" content="" />
  45. <meta name="text:link2 title" content="" />
  46. <meta name="text:link3 url" content="" />
  47. <meta name="text:link3 title" content="" />
  48.  
  49. <meta name="text:desc" content="" />
  50. <meta name="text:blog title" content="" />
  51. <meta name="text:text size" content="7" />
  52.  
  53. <meta name="if:grayscale posts" content="1" />
  54. <meta name="if:photo fade" content="0" />
  55. <meta name="if:show captions" content="0" />
  56.  
  57. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  58. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  59. <script>
  60. (function($){
  61. $(document).ready(function(){
  62. $("a[title]").style_my_tooltips({
  63. tip_follows_cursor:true,
  64. tip_delay_time:90,
  65. tip_fade_speed:600,
  66. attribute:"title"
  67. });
  68. });
  69. })(jQuery);
  70. </script>
  71.  
  72. <style type="text/css">
  73.  
  74. @font-face { font-family: "muli"; src: url('https://dl.dropboxusercontent.com/s/swqjp2tlc6l94cj/muli-light.ttf?dl=1'); format(“truetype”);}
  75.  
  76.  
  77. @font-face {font-family: "hasteristico";src: url('https://dl.dropboxusercontent.com/s/1q25s0pxgiibx5j/hasteristico.ttf?dl=1'); format("truetype");}
  78.  
  79.  
  80. ::-webkit-scrollbar{ width: 5px; }
  81.  
  82. body::-webkit-scrollbar-thumb{ background-color: {color:links hover}; }
  83.  
  84. body::-webkit-scrollbar-track { background-color: {color:links}; }
  85.  
  86. 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;}
  87. 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;}
  88.  
  89. #s-m-t-tooltip{
  90. position:absolute;
  91. margin-top: 15px;
  92. text-transform:uppercase;
  93. z-index:999999;
  94. font-family: 'hasteristico', sans-serif;
  95. font-size: 12px;
  96. color: {color:text}; !important;
  97. -moz-transition-duration:.80s;
  98. -webkit-transition-duration:.80s;
  99. -o-transition-duration:.80s;
  100. padding: 5px;
  101. letter-spacing: 1px;
  102.  
  103. }
  104.  
  105.  
  106. blockquote {
  107. padding: 0px 0px 0px 10px !important;
  108. border-left: 1px solid {color:blockquote};
  109. margin-left: -1px;
  110. margin-right: 0px;
  111. }
  112.  
  113. body {
  114. background:url('{image:Background}') top left fixed repeat;
  115. background-color: {color:background};
  116. color:{color:text};
  117. font-family: 'muli', serif;
  118. text-transform:uppercase;
  119. -webkit-font-smoothing: antialised;
  120. overflow-x: hidden;
  121. font-size: {text:text size}px;
  122. }
  123.  
  124.  
  125. a {
  126. color:{color:links};
  127. font-weight: normal;
  128. text-decoration: none;
  129. -moz-transition: all 0.5s ease;
  130. -o-transition: all 0.5s ease;
  131. -webkit-transition: all 0.5s ease;
  132. transition: all 0.5s ease;
  133. text-transform: uppercase;
  134. }
  135.  
  136. a:hover {
  137. text-decoration: none;
  138. color: {color:links hover};
  139. -moz-transition: all 0.5s ease;
  140. -o-transition: all 0.5s ease;
  141. -webkit-transition: all 0.5s ease;
  142. transition: all 0.5s ease;
  143. }
  144.  
  145. b {
  146. color: {color:links};
  147. }
  148.  
  149. em, i {
  150. color: {color:links hover};
  151. }
  152.  
  153. h1, h2 {
  154. font-family: 'hasteristico';
  155. margin-top: -2px;
  156. color: {color:links hover};
  157. padding: 5px 0px 2px 0px;
  158. font-size: 20px;
  159. }
  160.  
  161. h1 a, h2 a, h1 b, h2 b, h1 strong, h2 strong { font-size: 20px !important;
  162. font-family: 'hasteristico';
  163. letter-spacing: 1px;
  164. }
  165.  
  166. small,sub,sup, pre {
  167. font-size: {text:text size}px;
  168. }
  169.  
  170. pre { background:{color:pre};
  171. }
  172.  
  173. #frame {
  174. position: relative;
  175. margin-left: auto;
  176. margin-right: auto;
  177. width: 518px;
  178. }
  179.  
  180. /*top bar*/
  181.  
  182. #topbar {
  183. margin-top: 20%;
  184. width: 518px;
  185. padding: 0px 0px 10px 0px;
  186. border-bottom: 1px solid {color:borders};
  187. height: 80px;
  188. }
  189.  
  190. #icon {
  191. height: 75px;
  192. width: 75px;
  193. background: url('{image:icon}') no-repeat center;
  194. -webkit-border-radius: 80px;
  195. -moz-border-radius: 80px;
  196. border-radius: 80px;
  197. padding: 3px;
  198. border: 1px solid {color:borders};
  199. position: relative;
  200. margin-left: 3px;
  201. margin-bottom: -3px;
  202. }
  203.  
  204. #btitle {
  205. font-size: 30px;
  206. color: {color:btitle};
  207. text-align: left;
  208. width: 418px;
  209. margin: 0px -5px 0px 0px;
  210. letter-spacing: 1.5px;
  211. font-family:'hasteristico';
  212. padding-left: 5px;
  213. }
  214.  
  215. #btitle::first-letter {
  216. color: {color:links};
  217. }
  218.  
  219. #desc {
  220. width: 418px;
  221. border-left: 1px solid {color:borders};
  222. padding-left: 10px;
  223. position: relative;
  224. float: right;
  225. height: 95px;
  226. margin: -85px -5px 0px 0px;
  227. }
  228.  
  229. #desct {
  230. text-align: justify;
  231. text-transform: uppercase;
  232. font-size: {text:text size}px;
  233. letter-spacing: 1px;
  234. overflow-y: scroll;
  235. overflow-x: hidden;
  236. font-family: 'muli';
  237. line-height: 11px;
  238. padding: 5px;
  239. height: 40px;
  240. min-height: 40px;
  241. }
  242.  
  243. #linkbox {
  244. width: 95px;
  245. position: absolute;
  246. height: auto;
  247. }
  248.  
  249. #linkbox a {
  250. padding: 3px;
  251. background-color: {color:btitle};
  252. color: {color:text};
  253. font-size: 8px;
  254. display: block;
  255. margin-bottom: 5px;
  256. text-align: center;
  257. }
  258.  
  259. #linkbox a:hover {
  260. background-color: {color:links};
  261. color: {color:background};
  262. }
  263.  
  264. /*pagination*/
  265.  
  266. #pagination {
  267. font-family:'hasteristico';
  268. margin-top: 30%;
  269. width: 95px;
  270. height: 100px;
  271. text-align: center;
  272. position: absolute;
  273. font-size: 20px;
  274. color: {color:text};
  275.  
  276. }
  277.  
  278. #pagination a {
  279. padding:0px;
  280. color: {color:links hover};
  281. font-size: 20px;
  282. }
  283.  
  284. #pagination a:hover {
  285. color: {color:links};
  286. }
  287.  
  288. #entries {
  289. margin-left: 94px;
  290. margin-top: 0px;
  291. width: 420px;
  292. border-left: 1px solid {color:borders};
  293. padding: 10px 0px 0px 10px;
  294. }
  295.  
  296. #posts {
  297. width: 400px;
  298. padding: 5px;
  299. border: 1px solid {color:borders};
  300. margin-bottom: 25px;
  301. font-size: {text:text size}px;
  302. font-family: 'muli';
  303. letter-spacing: .5px;
  304. text-transform: uppercase;
  305. line-height: 12px;
  306. text-align: justify;
  307. }
  308.  
  309. #posts img, #posts li, blockquote img {
  310. max-width: 400px;
  311. height: auto;
  312. {block:ifGrayscalePosts} -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  313. filter: grayscale(100%);
  314. transition: ease-in-out 1s;{/block:ifGrayscalePosts}
  315. {block:ifPhotoFade}opacity: 0.7;
  316. transition: ease-in-out 1s;{/block:ifPhotoFade}
  317. }
  318.  
  319. iframe.photoset {
  320. max-width: 400px;
  321. {block:ifGrayscalePosts} -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  322. filter: grayscale(100%);
  323. transition: ease-in-out 1s;{/block:ifGrayscalePosts}
  324. }
  325.  
  326. #posts img:hover, #posts li:hover, blockquote img:hover, iframe.photoset:hover {
  327. {block:ifGrayscalePosts} -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
  328. filter: grayscale(0%);
  329. transition: ease-in-out 1s;{/block:ifGrayscalePosts}
  330. {block:ifPhotoFade}opacity: 1.0;
  331. transition: ease-in-out 1s;{/block:ifPhotoFade}
  332. }
  333.  
  334. #title {
  335. font-family: 'hasteristico';
  336. font-size: 20px;
  337. width: auto;
  338. margin-left: -5px;
  339. margin-right: -5px;
  340. color: {color:background};
  341. padding: 10px;
  342. margin-bottom: 10px;
  343. letter-spacing: 1px;
  344. background:{color:blockquote};
  345. text-align: center;
  346. margin-top: -5px;
  347. line-height: 20px;
  348. }
  349.  
  350. #tag {
  351. padding-left: 5px;
  352. position: absolute;
  353. float: left;
  354. margin-top: -5px;
  355. margin-left: 420px;
  356. opacity: 0;
  357. -webkit-transition: all 0.4s ease-in-out;
  358. -moz-transition: all 0.4s ease-in-out;
  359. width: 200px;
  360. -o-transition: all 0.4s ease-in-out;
  361. }
  362.  
  363. #posts:hover #tag {
  364. margin-top: -10px;
  365. opacity: 1.0;
  366. -webkit-transition: all 0.4s ease-in-out;
  367. -moz-transition: all 0.4s ease-in-out;
  368. -o-transition: all 0.4s ease-in-out;
  369. }
  370.  
  371. /*asks*/
  372.  
  373. #asker {
  374. padding: 0px;
  375. font-family: 'hasteristico';
  376. font-size: 15px;
  377. }
  378.  
  379. .question {
  380. border-bottom: 1px solid {color:blockquote};
  381. padding: 10px;
  382. min-height: 35px;
  383. color: {color:text};
  384. width: auto;
  385. margin: -5px -5px 0px -5px;
  386. }
  387.  
  388. .answer {
  389. background-color: transparent;
  390. padding: 0px 5px 0px 0px;
  391. }
  392.  
  393. #tag a {
  394. color:{color:text};
  395. display: block;
  396. margin-top: 2px;
  397. font-size: {text:text size}px;
  398. text-transform: uppercase;
  399. }
  400.  
  401. #tag a:hover {
  402. color: {color:links};
  403. }
  404.  
  405. #permalink {
  406. margin-top:5px;
  407. padding: 3px;
  408. text-align: center;
  409. background: {color:links};
  410. width: auto;
  411. margin-left: -5px;
  412. margin-right: -5px;
  413. margin-bottom: -5px;
  414. }
  415.  
  416. #permalink a {padding-right:15px;
  417. color: {color:background};
  418. font-size:{text:text size}px;
  419. text-transform:uppercase;
  420. font-family: 'muli';
  421. margin-left: 3px;
  422. -moz-transition: all 0.5s ease;
  423. -o-transition: all 0.5s ease;
  424. -webkit-transition: all 0.5s ease;
  425. transition: all 0.5s ease;
  426.  
  427. }
  428.  
  429. #permalink a:hover {
  430. color: {color:links};
  431. -moz-transition: all 0.5s ease;
  432. -o-transition: all 0.5s ease;
  433. -webkit-transition: all 0.5s ease;
  434. transition: all 0.5s ease;
  435. }
  436.  
  437. /*quote*/
  438.  
  439. #quote{text-align:center;
  440. font-size:23px;
  441. color: {color:links};
  442. font-family: 'hasteristico', sans-serif;
  443. text-transform:uppercase;
  444. letter-spacing: 1px;
  445. margin-top: 7px;
  446. }
  447.  
  448. #source {
  449. margin-top:10px;
  450. margin-left:15px;
  451. text-align: center;
  452. font-size:{text:text size}px;
  453. }
  454.  
  455. .audio
  456. {padding: 0;}
  457.  
  458. .audio_container
  459. { overflow: hidden;
  460. position: relative;
  461. width: 100px;}
  462.  
  463. .soundcloud_audio_player
  464. {width: 100%;}
  465.  
  466. .tumblr_audio_player
  467. {width: 100%;
  468. opacity: .5;
  469. }
  470.  
  471. .pagenotes {
  472. {block:IndexPage}
  473. display: none!important;
  474. {/block:IndexPage}
  475. width:400px;
  476. text-align:left;
  477.  
  478. }
  479. .pagenotes img {
  480. display:none!important;}
  481.  
  482. .pagenotes li {
  483. list-style-type:none;
  484. padding:5px 0px;
  485. text-align:left;
  486. margin:0 0 0 -40px;
  487. }
  488.  
  489. .caption {
  490. {block:IndexPage}
  491. display:none;
  492. {/block:IndexPage}
  493. {block:ifShowCaptions}
  494. width:100%;
  495. margin-top:10px;
  496. {/block:ifShowCaptions}
  497. }
  498.  
  499.  
  500. </style>
  501.  
  502. </head>
  503.  
  504. <body>
  505.  
  506. <div id="frame">
  507. <div id="topbar">
  508.  
  509. <div id="icon"></div>
  510. <div id="desc">
  511. <div id="btitle">{text:blog title}</div>
  512. <div id="desct">{text:desc}</div></div>
  513.  
  514. </div>
  515.  
  516. <div id="linkbox">
  517. <a href="/" id="linkbox a">home</a>
  518. <a href="/ask" id="linkbox a">ask</a>
  519. <a href="/archive" id="linkbox a">archive</a>
  520. {block:ifLink1}<a href="{text:link1 url}" id="linkbox a">{text:link1 title}</a>{/block:ifLink1}
  521. {block:ifLink2}<a href="{text:link2 url}" id="linkbox a">{text:link2 title}</a>{/block:ifLink2}
  522. {block:ifLink3}<a href="{text:link3 url}" id="linkbox a">{text:link3 title}</a>{/block:ifLink3}
  523. <a href="http://www.saisei-themes.tumblr.com" id="linkbox a">credit</a>
  524. </div>
  525.  
  526. <div id="pagination">
  527. {block:Pagination}
  528. {block:PreviousPage}
  529. <a href="{PreviousPage}">future</a>
  530. {/block:PreviousPage}
  531. <br>
  532. {block:NextPage}
  533. <a href="{NextPage}">past</a>
  534. {/block:NextPage}
  535. {/block:Pagination}
  536. </div>
  537.  
  538.  
  539. <div id="entries">
  540. {block:Posts}
  541. <div id="posts">
  542. {block:HasTags}<div id="tag">{block:Tags}
  543. <a href="{TagURL}" title="filed under">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  544.  
  545. {block:Text}
  546. {block:Title}
  547. <div id="title">{Title}</div>{/block:Title}
  548. {Body}
  549. {/block:Text}
  550.  
  551. {block:Chat}
  552. {block:Title}<div class="title">{Title}</div>{/block:Title}
  553. <div class="chat">{block:Lines}<div class="line">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
  554. {Line}</div>{/block:Lines}</div>
  555. {/block:Chat}
  556.  
  557. {block:Answer}
  558. <div class="question">
  559. <div id="asker"><img src="{AskerPortraitURL-30}" style="float: left; margin-left:5px;margin-right:15px;padding:2px;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; border: 1px solid {color:borders}"></div><div id="asker">{Asker} said: </div>{Question}</div>
  560. <div class="answer">{Answer}</div>
  561. {/block:Answer}
  562.  
  563.  
  564. {block:Quote}
  565. <div id="quote"><font color="{color:blockquote}">❝</font> {Quote} <font color="{color:blockquote}">❞</font></div>
  566. {block:Source}<div id="source"><font color="{color:blockquote}">☆</font> {Source}</div>{/block:Source}
  567. {/block:Quote}
  568.  
  569. {block:Photo}
  570. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  571. {/block:Photo}
  572.  
  573.  
  574. {block:Photoset}
  575. {Photoset-400}
  576. {/block:Photoset}
  577.  
  578.  
  579. {block:Video}
  580. {Video-400}
  581. {/block:Video}
  582.  
  583. {block:Audio}
  584. <div class="audioContainer">
  585. {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  586. </div>
  587. {/block:Audio}
  588.  
  589. {block:IfShowCaptions}
  590. {block:Caption}{Caption}{/block:Caption}
  591. {/block:IfShowCaptions}
  592.  
  593. {block:Date}
  594. <div id="permalink">
  595. <a href="{Permalink}" title="{12Hour}:{Minutes} {AmPm}">permalink︎</a>{block:NoteCount}<a href="{Permalink}" title="❤︎ {NoteCount}">notes︎</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">︎source</a>{/block:ContentSource}{/block:RebloggedFrom}
  596. </div>
  597. {/block:Date}
  598. </div>
  599. {block:PostNotes}
  600. <div class="pagenotes">
  601. {PostNotes}
  602. </div>
  603. {/block:PostNotes}
  604. {/block:Posts}
  605. </div>
  606.  
  607. </div>
  608. {block:ContentSource}
  609. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  610. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  611. {/block:SourceLogo}
  612. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  613. {/block:ContentSource}
  614. </body>
  615.  
  616. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!