API tools faq
paste
Advertisement
teruteru

This Way (to) - 【 THEME 23 by Anomaly ☽】

teruteru
Aug 21st, 2016
278
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.95 KB | None | 0 0
raw download clone embed print report
  1. <!----------------------------------------
  2.  
  3. theme 23: this way (to) by anomaly betrayus
  4. base code by frankenthemes
  5. dont remove credit otherwise have fun!
  6.  
  7. ------------------------------------------>
  8.  
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  10.  
  11. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  12.  
  13. <script>
  14.  
  15. (function($){
  16.  
  17. $(document).ready(function(){
  18.  
  19. $("a[title]").style_my_tooltips({
  20.  
  21. tip_follows_cursor:true,
  22.  
  23. tip_delay_time:90,
  24.  
  25. tip_fade_speed:600,
  26.  
  27. attribute:"title"
  28.  
  29. });
  30.  
  31. });
  32.  
  33. })(jQuery);
  34.  
  35. </script>
  36.  
  37. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  38.  
  39.  
  40. <head><title>{Title}</title>
  41.  
  42. <link rel="shortcut icon" href="{image:Favicon}">
  43.  
  44. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  45. {block:Description}
  46. <meta name="description" content="{MetaDescription}" />
  47. {/block:Description}
  48.  
  49. <meta name="image:Favicon" content=""/>
  50. <meta name="image:Background" content=""/>
  51. <meta name="image:Lace" content=""/>
  52. <meta name="image:Render" content=""/>
  53. <meta name="image:Permalink" content="http://67.media.tumblr.com/42256ddac99c37a5c1f605a8fa84c794/tumblr_inline_noxrfpgaLs1ry72eo_500.gif"/>
  54.  
  55. <meta name="color:Background" content="#ffffff"/>
  56. <meta name="color:Post BG" content="#ffffff"/>
  57. <meta name="color:Container" content="#ffffff"/>
  58. <meta name="color:Title" content="#000000"/>
  59. <meta name="color:Border" content="#000000"/>
  60. <meta name="color:Text" content="#838282"/>
  61. <meta name="color:Link" content="#b8b8b8"/>
  62. <meta name="color:Hover" content="#ffffff"/>
  63. <meta name="color:SideLink" content="#b8b8b8"/>
  64. <meta name="color:SideLink Hover" content="#000"/>
  65. <meta name="color:Scrollbar" content="#F4D910"/>
  66. <meta name="color:Tooltip" content="#838282"/>
  67. <meta name="color:Tooltip Text" content="#fffff"/>
  68.  
  69. <meta name="text:About URL" content="/abt" />
  70. <meta name="text:Link1" content="/" />
  71. <meta name="text:Link1 Title" content="Link 1" />
  72. <meta name="text:Link2" content="/" />
  73. <meta name="text:Link2 Title" content="Link 2" />
  74. <meta name="text:Link3" content="/" />
  75. <meta name="text:Link3 Title" content="Link 3" />
  76. <meta name="text:Link4" content="/" />
  77. <meta name="text:Link4 Title" content="Link 4" />
  78. <meta name="text:Link5" content="/" />
  79. <meta name="text:Link5 Title" content="Link 5" />
  80. <meta name="text:Note Text" content="flowers" />
  81. <meta name="text:Previous Page" content="past" />
  82. <meta name="text:Next Page" content="future" />
  83.  
  84. <meta name="if:BG Cover" content="1"/>
  85. <meta name="if:Description" content="1"/>
  86.  
  87. <meta name="text:Lace Height" content="55" />
  88.  
  89.  
  90. <style type="text/css">
  91.  
  92. @font-face { font-family:"betty noir"; src: url('https://dl.dropboxusercontent.com/s/alsnahmekny1i5v/bettynoir.ttf'); format(“truetype”);}
  93.  
  94.  
  95. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar};border-radius:10px;}
  96. ::-webkit-scrollbar-button:horizontal {display:none;}
  97. ::-webkit-scrollbar {background-color:transparent; width:5px; border-radius:5px;}
  98.  
  99.  
  100. .iframe-controls--desktop {
  101. top: 5px !important;
  102. right:5px !important;
  103. position: fixed !important;
  104. z-index:999999999!important;
  105. white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out;background-color:transparent;
  106. }
  107.  
  108. .iframe-controls--desktop:hover{
  109. top: 5px !important;
  110. right:5px !important;
  111. position: fixed !important;
  112. z-index:999999999!important;
  113. white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; background-color:transparent;
  114. }
  115.  
  116.  
  117.  
  118. body {
  119. background-color:{color:Background};
  120. background-image:url({image:Background});
  121. background-attachment: fixed;
  122. background-repeat:repeat;
  123. margin:0px;
  124. color:{color:text};
  125. font-family:consolas;
  126. font-size:11px;
  127. line-height:11px;
  128. {Block:ifBGCover}
  129. background-repeat: no-repeat;
  130. background-size:cover;
  131. background-attachment: fixed;
  132. {/Block:ifBGCover}
  133. }
  134.  
  135. a:link, a:active, a:visited{
  136. color:{color:link};
  137. text-decoration: none;
  138. transition-duration: 0.5s;
  139. -moz-transition-duration: 0.5s;
  140. -webkit-transition-duration: 0.5s;
  141. -o-transition-duration: 0.5s;
  142. }
  143.  
  144.  
  145. a:hover {
  146. color:{color:Hover};
  147. transition-duration: 0.5s;
  148. -moz-transition-duration: 0.5s;
  149. -webkit-transition-duration: 0.5s;
  150. -o-transition-duration: 0.5s;
  151. }
  152.  
  153. #top{
  154. position:fixed;
  155. margin-top:0px;
  156. margin-left:-450px;
  157. width:200%;
  158. height:{text:lace height}px;
  159. background-image: url('{image:lace}');
  160. z-index:2;
  161. }
  162.  
  163.  
  164. .tumblr_audio_player {
  165. height:40px;
  166. width: 500px;
  167. margin-top:10px;
  168. }/*this is the audio player*/
  169.  
  170.  
  171. #details{
  172. width:500px;
  173. padding:5px;
  174. font-family:consolas;
  175. font-size:11px;
  176. line-height:11px;
  177. text-align:left;
  178. }
  179.  
  180.  
  181. .title{
  182. font-family:consolas;
  183. font-size: 20px;
  184. line-height: 22px;
  185. text-transform:lowercase;
  186. color:{color:Title};
  187. letter-spacing: 0px;
  188. font-weight: normal;
  189. padding:0px 0px 0px 0px;
  190. }/*this is the post titles*/
  191.  
  192. #postnotes blockquote{
  193. border: 1px;}
  194.  
  195.  
  196. blockquote{padding-left:2px;
  197. margin:0px 0px 1px 0px;
  198. border-left: 1px solid {color:border};
  199. text-align:left;
  200. }
  201.  
  202.  
  203. .convo li {list-style: none; padding:2px;}
  204.  
  205. .convo .label {text-transform: lowercase;}
  206.  
  207. .line_odd .label {color:{color:Odd};}
  208. .line_even .label {color: {color:Even};}
  209.  
  210. ul, ol, li{
  211. list-style:none;
  212. margin:0px;
  213. padding:0px
  214. }
  215.  
  216.  
  217. #entry{background-color:{color:Post BG};
  218. font-family:consolas;
  219. font-size:11px;
  220. text-align:left;
  221. z-index:9;
  222. float:left;
  223. width:500px;
  224. height: auto;
  225. {block:PermalinkPage}
  226. width: 500px;
  227. height: auto;
  228. {/block:PermalinkPage}
  229. line-height:10px;
  230. margin-bottom:35px;
  231. padding:5px;
  232. border:1px solid {color:border};
  233. }/*mess with this so you can change the acutal post sizes*/
  234.  
  235.  
  236. #posts{
  237. float:center;
  238. {block:indexpage}
  239. width:500px;
  240. {/block:indexpage}
  241. {block:permalinkpage}
  242. width:500px;
  243. margin-top:0px;
  244. {/block:permalinkpage}
  245. margin-left:10px;
  246. margin-top:10px;
  247. z-index:9999;
  248. }
  249.  
  250. img {max-width: 100%;}
  251.  
  252. #container{
  253. background-color:{color:Container};
  254. overflow-y:scroll;
  255. overflow-x:hidden;
  256. border:1px solid transparent;
  257. height:400px;
  258. width:600px;
  259. position:fixed !important;
  260. margin-top:130px;
  261. margin-left:100px;
  262. border-radius:5px;
  263. padding:20px;
  264. }/*this is the container, size it to your liking :D*/
  265.  
  266. #nip{
  267. position:fixed;
  268. top: 320px;
  269. left:740px;
  270. border-top: 30px solid transparent;
  271. border-bottom: 30px solid transparent;
  272. border-left:30px solid {color:container};
  273. }
  274.  
  275. #title{
  276. position:fixed;
  277. top:95px;
  278. left:110px;
  279. font-family:betty noir;
  280. color:{color:title};
  281. font-size:32px;
  282. text-shadow: -1px 0 {color:border}, 0 1px {color:border}, 1px 0 {color:border}, 0 -1px {color:border};
  283. }
  284.  
  285. #links{
  286. position:fixed;
  287. margin-top:575px;
  288. margin-left:120px;
  289. font-size:30px;
  290. }
  291.  
  292. #links a{
  293. position:fixed;
  294. width:20px;
  295. height:20px;
  296. border-radius:100%;
  297. background-color:{color:sidelink};
  298. }
  299.  
  300. #links a:hover{
  301. background-color:{color:sidelink hover};
  302. -webkit-transition: all .7s ease;
  303. -moz-transition: all .7s ease;
  304. -o-transition: all .7s ease;
  305. transition: all .7s ease;
  306. }
  307.  
  308.  
  309. #ask{
  310. font-family:consolas;
  311. font-size:12px;
  312. line-height:13px;
  313. padding:5px;
  314. color:{color:Title};
  315. }
  316.  
  317. .answer{
  318. font-family:consolas;
  319. font-size:12px;
  320. line-height:13px;
  321. }
  322.  
  323. hr{
  324. border:0;
  325. height:1px;
  326. background-color:{color:Border};
  327. }
  328.  
  329. .source{
  330. text-align:right;
  331. font-weight:bold;
  332. font-family:consolas;
  333. font-size:13px;
  334. }
  335.  
  336. #postnotes{
  337. text-align:left;
  338. overflow-y:scroll;
  339. height:500px;
  340. }
  341.  
  342. .permalinks{
  343. position:fixed;
  344. font-size:20px;
  345. }
  346.  
  347. #description{
  348. position:fixed;
  349. margin-left:800px;
  350. margin-top:130px;
  351. width:250px;
  352. height:75px;
  353. overflow-x:hidden;
  354. overflow-y:scroll;
  355. background-color:{color:container};
  356. padding:10px;
  357. border-radius:5px;
  358. }
  359.  
  360. #descnip{
  361. position:fixed;
  362. top: 225px;
  363. left:850px;
  364. border-top: 15px solid {color:container};
  365. border-bottom: 15px solid transparent;
  366. border-left:15px solid transparent;
  367. }
  368.  
  369. #pagination{
  370. position:fixed;
  371. margin-top:615px;
  372. margin-left:350px;
  373. font-size:30px;
  374. font-family:betty noir;
  375. text-shadow: -1px 0 {color:border}, 0 1px {color:border}, 1px 0 {color:border}, 0 -1px {color:border};
  376. }
  377.  
  378. </style>
  379. <!--bubble tooltip from tutorial-baby! Enjoy-->
  380. <style>
  381.  
  382. .tooltip{display: inline;position: relative;}
  383. #s-m-t-tooltip {min-width:120px;-moz-border-radius:10px;-webkit-border-radius:10px; padding:3px 4px 5px 4px; margin:20px 7px -2px -10px; background: {color:tooltip}; font-family:consolas; font-size:11px; text-transform:uppercase; color:{color:tooltip text}; text-align: center;}
  384. #s-m-t-tooltip:after {position: absolute; display: block; content: ""; border-color: transparent transparent {color:tooltip} transparent ; border-style: solid; border-width: 7px; height:0; width:0; position:absolute; bottom: 19px;left:10px;}
  385. </style>
  386. </head><body>
  387.  
  388. <div id="top"></div>
  389.  
  390. <div id="title">{Title}</div>
  391.  
  392. <div id="links"><div style="position:fixed; width:20px; height:20px; border-radius:100%; margin-left:0px"><a href="/" title="home"></a></div>
  393. <div style="position:fixed; width:20px; height:20px; border-radius:100%; margin-left:30px"><a href="/ask" title="message"></a></div>
  394. <div style="position:fixed; width:20px; height:20px; border-radius:100%; margin-left:60px"><a href="/submit" title="submit"></a></div>
  395. <div style="position:fixed; width:20px; height:20px; border-radius:100%; margin-left:90px"><a href="{text:about url}" title="about"></a></div>
  396. {block:iflink1}<div style="position:fixed; width:20px; height:20px; border-radius:100%; margin-left:120px"><a href="{text:link1}" title="{text:link1 title}"></a></div>{/block:iflink1}
  397. {block:iflink2}<div style="position:fixed; width:20px; height:20px; border-radius:100%; margin-left:150px"><a href="{text:link2}" title="{text:link2 title}"></a></div>{/block:iflink2}
  398. {block:iflink3}<div style="position:fixed; width:20px; height:20px; border-radius:100%; margin-left:180px"><a href="{text:link3}" title="{text:link 3 title}"></a></div>{/block:iflink3}
  399. {block:iflink4}<div style="position:fixed; width:20px; height:20px; border-radius:100%; margin-left:210px"><a href="{text:link4}" title="{text:link4 title}"></a></div>{/block:iflink4}
  400. {block:iflink5}<div style="position:fixed; width:20px; height:20px; border-radius:100%; margin-left:240px"><a href="{text:link5}" title="{text:link5 title}"></a></div>{/block:iflink5}
  401. </div></div>
  402.  
  403. <div id="pagination"><div style="text-align:center">
  404. {block:Pagination}
  405. {block:PreviousPage}<a href="{PreviousPage}">{text:previous page}</a>{/block:PreviousPage}
  406. {block:NextPage}<a href="{NextPage}">{text:next page}</a>{/block:NextPage}
  407. {/block:Pagination}
  408. </div></div>
  409.  
  410. {block:ifdescription}<div id="description">{Description}</div><div id="descnip"></div>{/block:ifdescription}
  411.  
  412. <div id="container">
  413. <div id="posts">
  414. {block:Posts}
  415. <div id="entry">
  416.  
  417. {block:Text}
  418. {block:Title}<div align="center"><span class="title"><i>{Title}</i></span></div>{/block:Title}
  419. <span class="entrytext">{Body}</span>
  420. <div align="right"><div id="permalinks"><a href="{permalink}" title="{notecount} {text:note text}"><img src="{image:permalink}"></a></div></div>
  421. {/block:Text}
  422.  
  423.  
  424.  
  425. {block:Link}
  426. <div align="center"><a href="{URL}" class="title">{Name}</a></div>
  427. {block:Description}{Description}{/block:Description}
  428. <div align="right"><div id="permalinks"><a href="{permalink}" title="{notecount} {text:note text}"><img src="{image:permalink}"></a></div></div>{block:Link}
  429.  
  430. {block:Photo}
  431. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px /></a>
  432. {/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{caption}{LinkCloseTag}{/block:PermalinkPage}
  433. {/block:IndexPage}
  434. {/block:Photo}
  435.  
  436. {block:Photoset}
  437. {block:IndexPage}
  438. <center>
  439. {Photoset-500}
  440. </center>
  441. <div align="right"><div id="permalinks"><a href="{permalink}" title="{notecount} {text:note text}"><img src="{image:permalink}"></a></div></div>
  442. {/block:IndexPage}
  443. {block:PermalinkPage}
  444. <center>
  445. {Photoset-500}
  446. </center>
  447. {caption}
  448. {/block:PermalinkPage}
  449. {/block:Photoset}
  450.  
  451. {block:Quote}
  452. <span class="entrytext">"{Quote}"</span>
  453. <hr>
  454. <div class="source">- <i>{Source}</i></div>
  455. <div align="right"><div id="permalinks"><a href="{permalink}" title="{notecount} {text:note text}"><img src="{image:permalink}"></a></div></div>
  456. {/block:Quote}
  457.  
  458. {block:Chat}
  459. {block:Title}<div align="center"><span class="title"><i>{Title}</i></span></div>{/block:Title}
  460. <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  461. {Line}</li>{/block:Lines}</ul>
  462. <div align="right"><div id="permalinks"><a href="{permalink}" title="{notecount} {text:note text}"><img src="{image:permalink}"></a></div></div>
  463. {/block:Chat}
  464.  
  465. {block:Audio}
  466. {block:AudioPlayer}
  467.  
  468. {block:AlbumArt}
  469. <center><img src="{AlbumArtURL}" "width:400px;"/></center>
  470. {/block:AlbumArt}
  471. {AudioPlayerBlack}
  472. <div id="track">
  473. <br>{block:TrackName}<b>Track name:</b> {TrackName}{/block:TrackName}
  474. <br>{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}
  475. <br>{block:Album}<b>Album:</b> {Album}{/block:Album}</div>
  476. {/block:AudioPlayer}
  477. {block:PermalinkPage}
  478. {caption}
  479. {/block:PermalinkPage}
  480. <div align="right"><div id="permalinks"><a href="{permalink}" title="{notecount} {text:note text}"><img src="{image:permalink}"></a></div></div>
  481. {/block:Audio}
  482.  
  483. {block:Video}
  484. <center>
  485. {VideoEmbed-500}
  486. </center>
  487. {block:PermalinkPage}
  488. {caption}
  489. {/block:PermalinkPage}
  490. <div align="right"><div id="permalinks"><a href="{permalink}" title="{notecount} {text:note text}"><img src="{image:permalink}"></a></div></div>
  491. {/block:Video}
  492.  
  493. {block:Answer}
  494. <div id="ask">{Asker} whispered: <i>{Question}</i></div><br>
  495. <div class="answer">{Answer}</div>
  496. <div align="right"><div id="permalinks"><a href="{permalink}" title="{notecount} {text:note text}"><img src="{image:permalink}"></a></div></div>
  497. {/block:Answer}
  498. </div>
  499. {block:PostNotes}<div align="center">
  500. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  501.  
  502. {block:HasTags}
  503. tags: {block:Tags}<a href="{TagURL}">{Tag}.</a>{/block:Tags}<br> {/block:HasTags}
  504. {block:RebloggedFrom}
  505. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  506. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  507. {/block:RebloggedFrom}
  508. </div>
  509. </span>
  510. <br>
  511. <div id="postnotes">{PostNotes}</div><br>
  512. {/block:PostNotes}
  513. {/block:Posts}</div></div>
  514. <div id="nip"></div>
  515.  
  516. <div style="position:fixed; left:600px; bottom:-100px; z-index:1;"><img src="{image:render}" width="600px"></div>
  517.  
  518. <div style="position:fixed; left:8px; bottom:4px; z-index:1;"><a href="http://xollyx.tumblr.com/" title="theme"><img src="http://orig04.deviantart.net/151c/f/2015/334/6/e/tumblr_inline_mij52fv1gc1qz4rgp_by_kittystuff-d9il7w5.gif"></a></div>
  519. </body>
  520.  
  521. </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!