API tools faq
paste
Advertisement
teruteru

Heliodor -【 THEME 33 by Anomaly ☽】

teruteru
Oct 12th, 2016
331
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.89 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME 33 by Anomaly ☾ tumblr user xollyx ☽ : Heliodor !!
  4.  
  5. - base code by frankenthemes
  6. - please abide by all the rules
  7.  
  8. 【 All themes and pages can be found here : http://xollyx.tumblr.com/thm 】
  9.  
  10. Thank you for using! Or just looking at the code. Whatever you're here for. Either way, it's appreciated!
  11. Feel free to message me if you need any help, my ask box is always open!
  12.  
  13. -->
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15.  
  16.  
  17. <head><title>{Title}</title>
  18.  
  19. <link rel="shortcut icon" href="{image:Favicon}">
  20.  
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}
  23. <meta name="description" content="{MetaDescription}" />
  24. {/block:Description}
  25.  
  26. <meta name="image:Favicon" content=""/>
  27. <meta name="image:Background" content=""/>
  28. <meta name="image:Icon" content=""/>
  29. <meta name="image:Cursor" content=""/>
  30. <meta name="image:Render" content=""/>
  31.  
  32. <meta name="color:Background" content="#ffffff"/>
  33. <meta name="color:Background" content="#ffffff"/>
  34. <meta name="color:Post BG" content="#ffffff"/>
  35. <meta name="color:Container" content="#ffffff"/>
  36. <meta name="color:Title" content="#000000"/>
  37. <meta name="color:Scrollbar" content="#000000"/>
  38. <meta name="color:Text" content="#838282"/>
  39. <meta name="color:Link" content="#b8b8b8"/>
  40. <meta name="color:Hover" content="#ffffff"/>
  41. <meta name="color:Ask" content="#b8b8b8"/>
  42. <meta name="color:Selection" content="#000000"/>
  43. <meta name="color:Selection Text" content="#ffffff"/>
  44. <meta name="color:Tooltip" content="#000000"/>
  45. <meta name="color:Tooltip Text" content="#ffffff"/>
  46.  
  47. <meta name="text:About URL" content="/abt" />
  48. <meta name="text:Link 1" content="/" />
  49. <meta name="text:Link 1 Title" content="Link 1" />
  50. <meta name="text:Link 2" content="/" />
  51. <meta name="text:Link 2 Title" content="Link 2" />
  52. <meta name="text:Link 3" content="/" />
  53. <meta name="text:Link 3 Title" content="Link 3" />
  54. <meta name="text:Link 4" content="/" />
  55. <meta name="text:Link 4 Title" content="Link 4" />
  56. <meta name="text:Link 5" content="/" />
  57. <meta name="text:Link 5 Title" content="Link 5" />
  58. <meta name="text:Back Title" content="back" />
  59. <meta name="text:Next Title" content="next" />
  60. <meta name="text:Ask Text" content="whispered" />
  61. <meta name="text:Permalink Symbol" content="🌴" />
  62.  
  63. <meta name="text:Render Left" content="0" />
  64. <meta name="text:Render Bottom" content="0" />
  65. <meta name="text:Render Width" content="300" />
  66.  
  67. <meta name="if:BG Cover" content="1"/>
  68. <meta name="if:Cursor" content="0" />
  69. <meta name="if:Render" content="1" />
  70. <meta name="if:Captions" content="1" />
  71.  
  72.  
  73. <style type="text/css">
  74.  
  75. {block:ifcursor}body, a, a:hover {cursor: url('{image:cursor}'), progress;}{/block:ifcursor}
  76.  
  77.  
  78. ::selection {
  79. background: {color:selection};
  80. color: {color:selection text};
  81. }
  82.  
  83. ::-moz-selection {
  84. background: {color:selection};
  85. color: {color:selection text};
  86. }
  87.  
  88. ::-webkit-selection {
  89. background: {color:selection};
  90. color: {color:selection text};
  91. }
  92.  
  93. ::-webkit-scrollbar { width: 7px; }
  94. ::-webkit-scrollbar-track-piece { background-color: transparent; }
  95. ::-webkit-scrollbar-thumb:vertical {
  96. width: 2px;
  97. background-color: {color:Scrollbar};
  98. border-top: 2px solid transparent;
  99. border-right: 3px solid transparent;
  100. border-bottom: 2px solid transparent;
  101. border-left: 3px solid transparent;
  102. }
  103.  
  104. #s-m-t-tooltip{
  105. max-width:300px;
  106. margin:15px;
  107. padding:2px 8px;
  108. border-radius:4px;
  109. background:{color:Tooltip};
  110. color:{color:Tooltip Text};
  111. z-index:999999;
  112. font-size:11px;
  113. text-transform:lowercase;
  114. }
  115.  
  116.  
  117. .iframe-controls--desktop {
  118. top: 5px !important;
  119. right:5px !important;
  120. position: fixed !important;
  121. z-index:999999999!important;
  122. 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;
  123. }
  124.  
  125. .iframe-controls--desktop:hover{
  126. top: 5px !important;
  127. right:5px !important;
  128. position: fixed !important;
  129. z-index:999999999!important;
  130. 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;
  131. }
  132.  
  133.  
  134.  
  135. body {
  136. background-color:{color:Background};
  137. background-image:url({image:Background});
  138. background-attachment: fixed;
  139. background-repeat:repeat;
  140. margin:0px;
  141. color:{color:text};
  142. font-family:consolas;
  143. font-size:11px;
  144. {block:ifBGCover}
  145. background-repeat: no-repeat;
  146. background-size:cover;
  147. background-attachment: fixed;
  148. {/block:ifBGCover}
  149. }
  150.  
  151. a:link, a:active, a:visited{
  152. color:{color:link};
  153. text-decoration: none;
  154. transition-duration: 0.5s;
  155. -moz-transition-duration: 0.5s;
  156. -webkit-transition-duration: 0.5s;
  157. -o-transition-duration: 0.5s;
  158. }
  159.  
  160.  
  161. a:hover {
  162. color:{color:Hover};
  163. transition-duration: 0.5s;
  164. -moz-transition-duration: 0.5s;
  165. -webkit-transition-duration: 0.5s;
  166. -o-transition-duration: 0.5s;
  167. }
  168.  
  169.  
  170. .tumblr_audio_player {
  171. height:40px;
  172. width: 250px;
  173. margin-top:10px;
  174. }/*this is the audio player*/
  175.  
  176.  
  177. #details{
  178. width:250px;
  179. padding:5px;
  180. font-family:consolas;
  181. font-size:11px;
  182. line-height:11px;
  183. text-align:left;
  184. }/*this is the details for the audio player, like the artist name and what not*/
  185.  
  186.  
  187. .title{
  188. font-family:arial;
  189. font-size: 20px;
  190. line-height: 22px;
  191. text-transform:lowercase;
  192. color:{color:Title};
  193. letter-spacing: 0px;
  194. font-weight: normal;
  195. padding:0px 0px 0px 0px;
  196. }/*this is the post titles*/
  197.  
  198.  
  199. #postnotes blockquote{
  200. border: 1px;}
  201.  
  202.  
  203. blockquote{padding-left:5px;
  204. margin:0px 0px 1px 0px;
  205. border-left: 1px solid {color:border};
  206. text-align:left;
  207. margin-left:10px;
  208. }
  209.  
  210.  
  211. .convo li {list-style: none; padding:2px;}
  212.  
  213. .convo .label {font-weight:bold;}
  214.  
  215. ul, ol, li{
  216. list-style:none;
  217. margin:0px;
  218. padding:0px
  219. }
  220.  
  221.  
  222. #entry{background-color:{color:Post BG};
  223. font-family:consolas;
  224. font-size:11px;
  225. text-align:left;
  226. z-index:9;
  227. float:left;
  228. width:500px;
  229. height: auto;
  230. {block:PermalinkPage}
  231. width: 500px;
  232. height: auto;
  233. {/block:PermalinkPage}
  234. line-height:10px;
  235. margin-bottom:35px;
  236. padding:5px;
  237. border-radius:5px;
  238. }/*mess with this so you can change the acutal post sizes*/
  239.  
  240.  
  241. #posts{
  242. float:center;
  243. {block:indexpage}
  244. width:500px;
  245. {/block:indexpage}
  246. {block:permalinkpage}
  247. width:500px;
  248. margin-top:0px;
  249. {/block:permalinkpage}
  250. margin-left:50px;
  251. margin-top:10px;
  252. z-index:9999;
  253. }
  254.  
  255. img {max-width: 100%;}
  256.  
  257. #container{
  258. background-color:{color:Container};
  259. overflow-y:scroll;
  260. overflow-x:hidden;
  261. height:75%;
  262. width:620px;
  263. position:fixed !important;
  264. margin-top:65px;
  265. margin-left:300px;
  266. border-radius:5px;
  267. padding:15px;
  268. }/*this is the container, size it to your liking :D*/
  269.  
  270.  
  271. .title{font-family:arial;
  272. font-weight:bold;
  273. font-style:italic;
  274. text-transform:uppercase;
  275. color:{color:Title};
  276. font-size:20px;
  277. line-height:27px;
  278. padding:5px;
  279. text-align:center;
  280. transition-duration: 0.7s;
  281. -moz-transition-duration: 0.7s;
  282. -webkit-transition-duration: 0.7s;
  283. -o-transition-duration: 0.7s;
  284. }
  285.  
  286.  
  287. #links {font-family: arial;
  288. text-align:center;
  289. width:550px;
  290. padding:5px;
  291. font-size:11px;
  292. }/*this is the sidebar links*/
  293.  
  294. #ask{
  295. font-family:arial;
  296. font-size:11px;
  297. line-height:13px;
  298. padding:5px;
  299. color:{color:Title};
  300. }
  301.  
  302. .bubble {
  303. align:right;
  304. background: {color:ask};
  305. margin:7px 0px 5px 66px;
  306. padding:10px;
  307. position: relative;
  308. -moz-border-radius:5px;
  309. -webkit-border-radius:5px;
  310. border-radius:5px;
  311. }
  312.  
  313. .bubble p {
  314. margin:1px 0px;
  315. }
  316.  
  317. .bubble span {
  318. display:block;
  319. position:absolute;
  320. width:1px;
  321. height:1px;
  322. font-size: 0;
  323. line-height: 1px;
  324. left:-10px;
  325. top:10px;
  326. border-top:7px solid transparent;
  327. border-bottom:7px solid transparent;
  328. border-right:10px solid {color:ask};
  329. }
  330.  
  331. .answer{
  332. font-size:11px;
  333. line-height:13px;
  334. }
  335.  
  336. .source{
  337. text-align:right;
  338. }
  339.  
  340. #postnotes{
  341. text-align:left;
  342. overflow-y:scroll;
  343. height:250px;
  344. font-size:11px;
  345. font-family:arial;
  346. }
  347.  
  348. .permalinks{
  349. width:500px;
  350. text-align:center;
  351. font-family:arial;
  352. font-weight:bold;
  353. text-transform:uppercase;
  354. font-size:11px;
  355. line-height:13px;
  356. margin-top:5px;
  357. opacity:1;
  358. }
  359.  
  360. .permalinks a:hover, .links a:hover{
  361. letter-spacing:1px;
  362. }
  363.  
  364. .links {
  365. position:fixed;
  366. margin-left:300px;
  367. width:620px;
  368. margin-top:40%;
  369. background:{color:Container};
  370. border-bottom-left-radius:5px;
  371. border-bottom-right-radius:5px;
  372. padding:15px;
  373. text-align:center;
  374. }
  375.  
  376. #links a:hover {
  377. letter-spacing:1px;
  378. }
  379.  
  380. #cap {
  381. position:fixed;
  382. margin-left:100px;
  383. margin-top:200px;
  384. }
  385. #cap img {
  386. width:150px;
  387. height:150px;
  388. }
  389.  
  390. .cap {
  391. width:160px;
  392. background:{color:container};
  393. padding:5px;
  394. border-radius:5px;
  395. margin-top:0px;
  396. margin-left:-10px;
  397. text-align:center;
  398. position:absolute;
  399. }
  400.  
  401. #nip{
  402. position:fixed;
  403. border-top: 10px solid transparent;
  404. border-bottom: 10px solid {color:container};
  405. border-left:10px solid transparent;
  406. border-right:10px solid transparent;
  407. margin-top:-20px;
  408. margin-left:70px;
  409. z-index:2;
  410. }
  411.  
  412. #link1{
  413. margin-left:135px;
  414. margin-top:355px;
  415. padding:5px;
  416. position:absolute;
  417. height:165px;
  418. background:{color:container};
  419. border-radius:5px;}
  420.  
  421. #link2{
  422. margin-left:155px;
  423. margin-top:355px;
  424. padding:5px;
  425. position:absolute;
  426. height:160px;
  427. background:{color:container};
  428. border-radius:5px;}
  429.  
  430. #link3{
  431. margin-left:175px;
  432. margin-top:355px;
  433. padding:5px;
  434. position:absolute;
  435. height:165px;
  436. background:{color:container};
  437. border-radius:5px;}
  438.  
  439. #link4{
  440. margin-left:195px;
  441. margin-top:355px;
  442. padding:5px;
  443. position:absolute;
  444. height:160px;
  445. background:{color:container};
  446. border-radius:5px;}
  447.  
  448. #link1:hover, #link2:hover, #link3:hover, #link4:hover {
  449. height:190px;
  450. background:{color:container};
  451. -webkit-transition: 0.8s ease-out;
  452. -moz-transition: 0.8s ease-out;
  453. -ms-transition: 0.8s ease-out;
  454. -o-transition:0.8s ease-out;
  455. transition:0.8s ease-out;
  456. }
  457.  
  458.  
  459. </style></head><body>
  460.  
  461. <a href="/" title="home"><div id="link1"></div></a>
  462. <a href="/ask" title="ask"><div id="link2"></div></a>
  463. <a href="/submit" title="submit"><div id="link3"></div></a>
  464. <a href="{text:about URL}" title="about"><div id="link4"></div></a>
  465.  
  466. <div id="cap">
  467. <img src="{image:icon}">
  468. <div id="nip"></div>
  469. <div class="cap">{Description}<p>
  470. {block:Pagination}
  471. <div style="font-family:arial;font-weight:bold;font-style:italic;text-transform:uppercase;">
  472. {block:PreviousPage}<a href="{PreviousPage}">{text:back title}</a>{/block:PreviousPage}
  473. {block:NextPage}<a href="{NextPage}">{text:next title}</a>{/block:NextPage}
  474. {/block:Pagination}
  475. </div>
  476. </div></div></div>
  477.  
  478.  
  479. <div id="container">
  480. <div id="posts">
  481. {block:Posts}
  482. <div id="entry">
  483.  
  484. {block:Text}
  485. {block:Title}<div class="title">{Title}</div>{/block:Title}
  486. <span class="entrytext">{Body}</span>
  487. <div class="permalinks"><i><a href="{permalink}">{NoteCountwithlabel}</a></i> {text:permalink symbol} <i>{timeago}</i> {text:permalink symbol} <i><a href="{ReblogURL}" target="_blank"> reblog </a></i></div>
  488. {/block:Text}
  489.  
  490.  
  491.  
  492. {block:Link}
  493. <div align="center"><a href="{URL}" class="title">{Name}</a></div>
  494. {block:Description}{Description}{/block:Description}
  495. <div class="permalinks"><i><a href="{permalink}">{NoteCountwithlabel}</a></i> {text:permalink symbol} <i>{timeago}</i> {text:permalink symbol} <i><a href="{ReblogURL}" target="_blank"> reblog </a></i></div>
  496. {block:Link}
  497.  
  498. {block:Photo}
  499. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px /></a>{block:ifcaptions}{Caption}{/block:ifcaptions}{/block:IndexPage}
  500. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{LinkCloseTag}{Caption}{/block:PermalinkPage}
  501. {block:IndexPage}
  502. <div class="permalinks"><i><a href="{permalink}">{NoteCountwithlabel}</a></i> {text:permalink symbol} <i>{timeago}</i> {text:permalink symbol} <i><a href="{ReblogURL}" target="_blank"> reblog </a></i></div>{/block:IndexPage}
  503. {/block:Photo}
  504.  
  505. {block:Photoset}
  506. {block:IndexPage}
  507. <center>
  508. {Photoset-500}
  509. </center>
  510. {block:ifcaptions}{Caption}{/block:ifcaptions}
  511. {/block:IndexPage}
  512. {block:PermalinkPage}
  513. <center>
  514. {Photoset-500}
  515. </center>
  516. {Caption}
  517. {/block:PermalinkPage}
  518. <div class="permalinks"><i><a href="{permalink}">{NoteCountwithlabel}</a></i> {text:permalink symbol} <i>{timeago}</i> {text:permalink symbol} <i><a href="{ReblogURL}" target="_blank"> reblog </a></i></div>
  519. {/block:Photoset}
  520.  
  521. {block:Quote}
  522. <div class="title">"{Quote}"</div>
  523. <div class="source"><i>{Source}</i></div>
  524. <div class="permalinks"><i><a href="{permalink}">{NoteCountwithlabel}</a></i> {text:permalink symbol} <i>{timeago}</i> {text:permalink symbol} <i><a href="{ReblogURL}" target="_blank"> reblog </a></i></div>
  525. {/block:Quote}
  526.  
  527. {block:Chat}
  528. {block:Title}<div class="title">{Title}</div>{/block:Title}
  529. <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  530. {Line}</li>{/block:Lines}</ul>
  531. <div class="permalinks"><a href="{permalink}">{NoteCountwithlabel}</a> {text:permalink symbol} {timeago} {text:permalink symbol} <a href="{ReblogURL}" target="_blank"> reblog </a></div>
  532. {/block:Chat}
  533.  
  534. {block:Audio}
  535. {block:AudioPlayer}
  536.  
  537. {block:AlbumArt}
  538. <center><img src="{AlbumArtURL}" "width:250px;"/></center>
  539. {/block:AlbumArt}
  540. {AudioPlayerBlack}
  541. <div id="track">
  542. <br>{block:TrackName}<b>Track name:</b> {TrackName}{/block:TrackName}
  543. <br>{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}
  544. <br>{block:Album}<b>Album:</b> {Album}{/block:Album}</div>
  545. {/block:AudioPlayer}
  546. <div class="permalinks"><i><a href="{permalink}">{NoteCountwithlabel}</a></i> {text:permalink symbol} <i>{timeago}</i> {text:permalink symbol} <i><a href="{ReblogURL}" target="_blank"> reblog </a></i></div>
  547. {/block:Audio}
  548.  
  549. {block:Video}
  550. {block:IndexPage}
  551. <center>
  552. {VideoEmbed-500}
  553. </center>
  554. {block:ifcaptions}{Caption}{/block:ifcaptions}
  555. {/block:IndexPage}
  556. {block:PermalinkPage}
  557. <center>
  558. {VideoEmbed-500}
  559. </center>
  560. {Caption}
  561. {/block:PermalinkPage}
  562. <div class="permalinks"><i><a href="{permalink}">{NoteCountwithlabel}</a></i> {text:permalink symbol} <i>{timeago}</i> {text:permalink symbol} <i><a href="{ReblogURL}" target="_blank"> reblog </a></i></div>
  563. {/block:Video}
  564.  
  565. {block:Answer}
  566. <img src="{AskerPortraitURL-48}" align="left" style="border-radius:48px;"><div class="bubble"><span></span>{Asker} {text:ask text}: {Question}&nbsp;</div>
  567. <div class="answer">{Answer}</div>
  568. <div class="permalinks"><i><a href="{permalink}">{NoteCountwithlabel}</a></i> {text:permalink symbol} <i>{timeago}</i> {text:permalink symbol} <i><a href="{ReblogURL}" target="_blank"> reblog </a></i></div>
  569. {/block:Answer}
  570. </div>
  571.  
  572. {block:PostNotes}
  573. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  574.  
  575. {block:HasTags}
  576. tags: {block:Tags}<a href="{TagURL}">{Tag}.</a>{/block:Tags}<br> {/block:HasTags}
  577. {block:RebloggedFrom}
  578. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  579. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  580. {/block:RebloggedFrom}
  581. </span>
  582. <br>
  583. <div id="postnotes">{PostNotes}</div><br>
  584. {/block:PostNotes}
  585. {/block:Posts}</div></div>
  586. <div class="links">
  587. <a href="{text:link 1}">{text:link 1 title}</a> {block:iflink2}• <a href="{text:link 2}">{text:link 2 title}</a>{/block:iflink2} {block:iflink3}• <a href="{text:link 3}">{text:link 3 title}</a>{/block:iflink3} {block:iflink4}• <a href="{text:link 4}">{text:link 4 title}</a>{/block:iflink4} {block:iflink5}• <a href="{text:link 5}">{text:link 5 title}</a>{/block:iflink5}</div>
  588.  
  589. {block:ifrender}<div style="position:fixed; left:{text:render left}px; bottom:{text:render bottom}px; z-index:1;"><img src="{image:render}" width="{text:render width}"></div>{/block:ifrender}
  590.  
  591.  
  592. <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>
  593.  
  594. </body>
  595.  
  596. </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!