quiddittch

Crystalised

Jan 17th, 2015
2,309
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.19 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!---------THEME BY JAEBIUM
  6. pls dont steal or use as basecode
  7. thank you and edit as much as you want!------------->
  8.  
  9.  
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}" />
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  13. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  14.  
  15. <meta name="image:Background" content=""/>
  16.  
  17. <meta name="color:Background" content="#ffffff"/>
  18. <meta name="color:Text" content="#707070" />
  19. <meta name="color:Links" content="#000000"/>
  20. <meta name="color:Hover" content="#a2a2a2"/>
  21. <meta name="color:Title" content="#000000"/>
  22. <meta name="color:First Letter" content="#000000"/>
  23. <meta name="color:Posts BG" content="#ffffff"/>
  24. <meta name="color:SB Links Hover Background" content="#f8f8f8"/>
  25. <meta name="color:SB Links Hover Text" content="#000000"/>
  26. <meta name="color:Border" content="e2e2e2"/>
  27. <meta name="color:Scrollbar" content="e2e2e2"/>
  28.  
  29.  
  30. <meta name="text:Pop Up Ask Title" content="Ask Me Anything"/>
  31. <meta name="text:Link URL 1" content="/"/>
  32. <meta name="text:Link 1" content=""/>
  33. <meta name="text:Link URL 2" content="/"/>
  34. <meta name="text:Link 2" content=""/>
  35. <meta name="text:Link URL 3" content="/"/>
  36. <meta name="text:Link 3" content=""/>
  37. <meta name="text:Link URL 4" content="/"/>
  38. <meta name="text:Link 4" content=""/>
  39. <meta name="text:Link URL 5" content="/"/>
  40. <meta name="text:Link 5" content=""/>
  41.  
  42.  
  43. <meta name="if:250px" content="1"/>
  44. <meta name="if:Show Caption" content="1"/>
  45. <meta name="if:Full Background" content="1"/>
  46. <meta name="if:Pop Up Ask" content="1"/>
  47.  
  48. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  49.  
  50. <!-----------LAZY LOAD----------->
  51.  
  52. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  53. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  54. <script type="text/javascript" charset="utf-8">
  55. var $j = jQuery.noConflict();
  56. $j(function() {
  57. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  58. $j("img").lazyload({
  59. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  60. effect: "fadeIn",
  61. });
  62. });
  63. </script>
  64.  
  65. <!-------JAVASCRIPT-------->
  66.  
  67. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  68.  
  69. <script type="text/javascript"
  70. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  71.  
  72. <!------POP UP ASK------->
  73.  
  74. <script>
  75. $(document).ready(function() {
  76. //
  77. $('a.poplight[href^=#]').click(function() {
  78. var popID = $(this).attr('rel'); //Get Popup Name
  79. var popURL = $(this).attr('href'); //Get Popup href to define size
  80. var query= popURL.split('?');
  81. var dim= query[1].split('&');
  82. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  83. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><div id="close" title="close"><i class="fa fa-times"></i></div>');
  84. var popMargTop = ($('#' + popID).height() + 80) / 2;
  85. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  86. //Apply Margin to Popup
  87. $('#' + popID).css({
  88. 'margin-top' : -popMargTop,
  89. 'margin-left' : -popMargLeft
  90. });
  91. $('body').append('<div id="fade"></div>');
  92. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  93. return false;
  94. });
  95. $('a.close, #fade').live('click', function() {
  96. $('#fade , .popup_block').fadeOut(function() {
  97. $('#fade, a.close').remove(); //fade them both out
  98. });
  99. return false;
  100. });
  101. });
  102. </script>
  103.  
  104. <!--------TOOLTIPS-------->
  105.  
  106. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  107. <script>
  108. (function($){
  109. $(document).ready(function(){
  110. $("[title]").style_my_tooltips({
  111. tip_follows_cursor:true,
  112. tip_delay_time:200,
  113. tip_fade_speed:300
  114. }
  115. );
  116. });
  117. })(jQuery);
  118. </script>
  119.  
  120. <style type="text/css">
  121.  
  122. ::selection {color: {color:SB Links Hover Text}; background: {color:SB Links Hover Background};}
  123. ::-moz-selection {color: {color:SB Links Hover Text}; background: {color:SB Links Hover Background};}
  124. ::-webkit-selection {color: {color:SB Links Hover Text}; background: {color:SB Links Hover Background};}
  125.  
  126. ::-webkit-scrollbar {
  127. height:5px;
  128. width: 7px;
  129. background-color:{color:Background};
  130. }
  131.  
  132. ::-webkit-scrollbar-thumb {
  133. background-color:{color:scrollbar};
  134. }
  135.  
  136. /*-------BASICS-------*/
  137.  
  138. body {
  139. margin:0;
  140. {block:IfFullBackground}
  141. background:url('{image:Background}') fixed;
  142. background-size:cover; /*delete this line if you want your background to repeat*/
  143. {/block:IfFullBackground}
  144. {block:IfNotFullBackground}
  145. background:{color:Background};
  146. {/block:IfNotFullBackground}
  147. font-family: arial, calibri;
  148. font-size:10px;
  149. text-align:justify;
  150. line-height:170%;
  151. color:{color:Text};
  152. }
  153.  
  154. h1 {font-size:9px;}
  155.  
  156. h2 {font-size:8px;}
  157.  
  158. h1, h2 {
  159. text-transform:uppercase;
  160. letter-spacing:1px;
  161. padding:5px 5px 5px 7px;
  162. border:1px solid {color:Border};
  163. }
  164.  
  165. ul, li {
  166. list-style-type:square;
  167. margin-left:0px;
  168. }
  169.  
  170. blockquote {
  171. border-left:1px solid {color:border};
  172. padding-left:10px;
  173. margin-left:5px;
  174. }
  175.  
  176. a {
  177. color:{color:Links};
  178. text-decoration:none;
  179. -webkit-transition: 0.5s all;
  180. -moz-transition: 0.5s all;
  181. -o-transition: 0.5s all;
  182. transition:0.5s all;
  183. }
  184.  
  185. a:hover {
  186. color:{color:hover};
  187. -webkit-transition: 0.5s all;
  188. -moz-transition: 0.5s all;
  189. -o-transition: 0.5s all;
  190. transition:0.5s all;
  191. }
  192.  
  193. img {max-width:100%;}
  194.  
  195. pre {
  196. white-space: pre-wrap;
  197. white-space: -moz-pre-wrap;
  198. white-space: -pre-wrap;
  199. white-space: -o-pre-wrap;
  200. word-wrap: break-word;
  201. }
  202.  
  203. /*-----SIDEBAR-----*/
  204.  
  205. #sidebar {
  206. position:fixed;
  207. padding:50px 30px 0px 50px;
  208. width:140px;
  209. height:100%;
  210. background:{color:Posts BG};
  211. text-align:right;
  212. }
  213.  
  214. #title {
  215. width:140px;
  216. font-size:14px;
  217. font-family:calibri;
  218. text-transform:uppercase;
  219. letter-spacing:4px;
  220. }
  221.  
  222. #title::first-letter {
  223. color:{color:First Letter};
  224. }
  225.  
  226. #title a {
  227. color:{color:Title};
  228. }
  229.  
  230. #description {
  231. font-size:9px;
  232. margin-top:-10px;
  233. padding:15px 0px 10px 0px;
  234. border:0px solid {color:Border};
  235. }
  236.  
  237. .sblinks {
  238. margin-left:70px;
  239. font-size:7px;
  240. text-transform:uppercase;
  241. letter-spacing:2px;
  242. -webkit-transition:0.6s all;
  243. -moz-transition:0.6s all;
  244. -o-transition:0.6s all;
  245. transition:0.6s all;
  246. }
  247.  
  248. .sblinks a {
  249. padding:3px 3px 3px 5px;
  250. -webkit-transition:0.6s all;
  251. -moz-transition:0.6s all;
  252. -o-transition:0.6s all;
  253. transition:0.6s all;
  254. }
  255.  
  256. .sblinks a:hover {
  257. background:{color:SB Links Hover Background};
  258. color:{color:SB Links Hover Text};
  259. -webkit-transition:0.6s all;
  260. -moz-transition:0.6s all;
  261. -o-transition:0.6s all;
  262. transition:0.6s all;
  263. }
  264.  
  265. /*-----PAGINATION-----*/
  266.  
  267. #pagination a {
  268. display:inline;
  269. padding-left:6px;
  270. }
  271.  
  272. /*------POSTS------*/
  273.  
  274. #posts {
  275. padding:50px 0px 0px 50px;
  276. margin-left:230px;
  277. }
  278.  
  279. .entries {
  280. {block:if250px}
  281. width:250px;
  282. {/block:if250px}
  283. {block:ifNot250px}
  284. width:400px;
  285. {/block:ifNot250px}
  286. margin-bottom:80px;
  287. padding:14px 14px 10px 14px;
  288. background:{color:Posts BG};
  289. }
  290.  
  291. /*-------NOTES--------*/
  292.  
  293. .info {
  294. {block:Permalink}
  295. border-top:1px solid {color:Border};
  296. padding:5px;
  297. {/block:Permalink}
  298. text-align:left;
  299. margin-top:8px;
  300. text-transform:uppercase;
  301. letter-spacing:.5px;
  302. font-weight:bold;
  303. word-spacing:4px;
  304. font-size:8px;
  305. }
  306.  
  307. .tags {
  308. display:inline;
  309. text-transform:none;
  310. font-style:italic;
  311. font-size:8px;
  312. }
  313.  
  314. /*------QUOTE------*/
  315.  
  316. #quote {
  317. font-size:10px;
  318. padding:5px 5px 5px 10px;
  319. border:1px solid {color:Border};
  320. text-transform:none;
  321. font-weight:bold;
  322. }
  323.  
  324. #source {
  325. margin-top:6px;
  326. text-align:right;
  327. font-style:italic;
  328. }
  329.  
  330. /*----LINK POSTS----*/
  331.  
  332. #link {
  333. padding:5px 5px 5px 10px;
  334. border:1px solid {color:Border};
  335. font-style:italic;
  336. font-size:11px;
  337. }
  338.  
  339. /*----AUDIO POSTS----*/
  340.  
  341. #block {
  342. {block:If250px}
  343. width:250px;
  344. {/block:If250px}
  345. {block:IfNot250px}
  346. width:400px;
  347. {/block:IfNot250px}
  348. height:30px;
  349. background:{color:Posts bg};
  350. border:1px solid {color:Border};
  351. }
  352.  
  353. #play {
  354. position:absolute;
  355. z-index:9999;
  356. opacity:.7;
  357. width:30px;
  358. height:30px;
  359. overflow:hidden;
  360. margin-top:-30px;
  361. margin-left:2px;
  362. -webkit-transition:0.8s all;
  363. -moz-transition:0.8s all;
  364. -o-transition:0.8s all;
  365. transition:0.8s all;
  366. }
  367.  
  368. #play:hover {
  369. opacity:1;
  370. -webkit-transition:0.8s all;
  371. -moz-transition:0.8s all;
  372. -o-transition:0.8s all;
  373. transition:0.8s all;
  374. }
  375.  
  376. #details {
  377. position:absolute;
  378. {block:If250px}
  379. width:210px;
  380. {/block:If250px}
  381. {block:IfNot250px}
  382. width:370px;
  383. {/block:IfNot250px}
  384. height:10px;
  385. overflow:hidden;
  386. font-size:7px;
  387. letter-spacing:1px;
  388. text-transform:uppercase;
  389. padding:5px;
  390. margin-top:-29px;
  391. margin-left:35px;
  392. }
  393.  
  394. /*------ASK POSTS------*/
  395.  
  396. #asker {
  397. font-weight:bold;
  398. text-transform:uppercase;
  399. text-align:left;
  400. letter-spacing:1px;
  401. font-size:8px;
  402. }
  403.  
  404. #asker a {
  405. border-bottom:2px solid {color:Border};
  406. padding-bottom:4px;
  407. }
  408.  
  409. #ask {
  410. letter-spacing:.5px;
  411. padding:10px;
  412. background:#f8f8f8;
  413. font-style:italic;
  414. }
  415.  
  416. /*------PERMALINK NOTES------*/
  417.  
  418. .notes {
  419. {block:If250px}
  420. width:240px;
  421. {/block:If250px}
  422. {block:IfNot250px}
  423. width:390px;
  424. {/block:IfNot250px}
  425. height:100%;
  426. font-size:7px;
  427. text-transform:uppercase;
  428. letter-spacing:1px;
  429. background:{color:Posts bg};
  430. }
  431.  
  432. .notes li {
  433. margin-left:-30px;
  434. margin-top:10px;
  435. {block:If250px}
  436. width:245px;
  437. {/block:If250px}
  438. {block:IfNot250px}
  439. width:395px;
  440. {/block:IfNot250px}
  441. padding:5px;
  442. background:{color:Posts BG};
  443. margin-top:-1px;
  444. list-style-type:none;
  445. }
  446.  
  447. .notes img {
  448. display:none;
  449. width:0px;
  450. }
  451.  
  452. /*-----POP UP ASK----*/
  453.  
  454. .popup_block {
  455. display: none;
  456. background: {color:posts bg};
  457. padding: 15px;
  458. float: left;
  459. font-size: 10px;
  460. position: fixed;
  461. top: 50%; left: 50%;
  462. border:1px solid {color:Border};
  463. z-index: 99999999;
  464. }
  465.  
  466. #close {
  467. float: right;
  468. color:{color:Title};
  469. margin: 10px 8px 0px 0px ;
  470. }
  471.  
  472. *html .popup_block {
  473. position: absolute;
  474. }
  475.  
  476. *html #fade {position: absolute;}
  477.  
  478. #fade {
  479. display:none;
  480. position:fixed;
  481. left:0px;
  482. top:0px;
  483. width:100%;
  484. height:100%;
  485. z-index:9999;
  486. background:url('{image:Background}') fixed;
  487. background-size:cover;
  488. opacity:1;
  489. }
  490.  
  491. /*------CREDIT-----*/
  492.  
  493. #credit {
  494. position:fixed;
  495. bottom:20px;
  496. right:20px;
  497. font-size:12px;
  498. }
  499.  
  500. #credit a {
  501. display:block;
  502. background:{color:posts bg};
  503. color:{color:Title};
  504. padding:2px 8px 2px 8px;
  505. }
  506.  
  507. /*----TOOLTIP-----*/
  508.  
  509. #s-m-t-tooltip {
  510. max-width:300px;
  511. margin:15px;
  512. padding:1px 5px;
  513. background:{color:posts bg};
  514. border:1px solid {color:border};
  515. color:{color:text};
  516. z-index:999999999999;
  517. font-size:9px;
  518. letter-spacing:1.5px;
  519. text-transform:lowercase;
  520. font-style:italic;
  521. }
  522.  
  523. {CustomCSS}</style></head><body>
  524.  
  525. <div id="sidebar">
  526. <div class="sblinks">
  527. <a href="{text:Link URL 1}">{text:Link 1}</a>
  528. {block:IfPopUpAsk}
  529. <a href="#?w=500" rel="box1" class="poplight">inquire</a>
  530. {/block:IfPopUpAsk}
  531. {block:IfNotPopUpAsk}
  532. <a href="{text:Link URL 2}">{text:Link 2}</a>
  533. {/block:IfNotPopUpAsk}
  534. <a href="{text:Link URL 3}">{text:Link 3}</a>
  535. <a href="{text:Link URL 4}">{text:Link 4}</a>
  536. <a href="{text:Link URL 5}">{text:Link 5}</a>
  537.  
  538. {block:Pagination}
  539. <div id="pagination">
  540. {block:PreviousPage}
  541. <a href="{PreviousPage}">backward</a>
  542. {/block:PreviousPage}
  543. {block:NextPage}
  544. <a href="{NextPage}">forward</a>
  545. {/block:NextPage}
  546. </div>
  547. {/block:Pagination}
  548. </div>
  549. <div id="description">{Description}</div>
  550. <div id="title"><a href="/">{Title}</a></div>
  551. </div>
  552.  
  553. <div id="posts">
  554. {block:Posts}
  555. <div class="entries">
  556.  
  557. {block:ContentSource}
  558. <!------ {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  559. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  560. {/block:SourceLogo}
  561. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  562. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  563.  
  564. {block:ContentSource}
  565. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  566. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  567. {/block:SourceLogo}
  568. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  569. {/block:ContentSource}
  570.  
  571. {block:Text}
  572. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  573. {/block:Text}
  574.  
  575. {block:Photo}
  576. {LinkOpenTag}
  577. {block:if250px}
  578. <img src="{PhotoURL-250}">
  579. {/block:if250px}
  580.  
  581. {block:ifNot250px}
  582. <img src="{PhotoURL-400}">
  583. {/block:ifNot250px}
  584. {LinkCloseTag}
  585.  
  586. {block:ifShowCaption}
  587. {block:IndexPage}
  588. {block:Caption}{Caption}{/block:Caption}
  589. {/block:IndexPage}
  590. {/block:ifShowCaption}
  591.  
  592. {block:Permalink}
  593. {block:Caption}{Caption}{/block:Caption}
  594. {/block:Permalink}
  595. {/block:Photo}
  596.  
  597.  
  598. {block:Photoset}
  599. {block:if250px}{Photoset-250}{/block:if250px}
  600. {block:ifNot250px}{Photoset-400}{/block:ifNot250px}
  601.  
  602. {block:ifShowCaption}
  603. {block:IndexPage}
  604. {block:Caption}{Caption}{/block:Caption}
  605. {/block:IndexPage}
  606. {/block:ifShowCaption}
  607.  
  608. {block:Permalink}
  609. {block:Caption}{Caption}{/block:Caption}
  610. {/block:Permalink}
  611. {/block:Photoset}
  612.  
  613.  
  614. {block:Quote}
  615. <div id="quote">&ldquo;{Quote}&rdquo;</div>
  616. {block:Source}<div id="source">{Source}</div>{/block:Source}
  617. {/block:Quote}
  618.  
  619.  
  620. {block:Link}<div id="link"><a href="{URL}">{URL}</a></div>
  621. {block:Description}{Description}{/block:Description}{/block:Link}
  622.  
  623. {block:Chat}
  624. {block:Title}<h1>{Title}</h1>{/block:Title}
  625. {block:Lines}
  626. {block:Label} <b>{Label}</b>
  627. {/block:Label} {Line}<br>
  628. {/block:Lines}
  629. {/block:Chat}
  630.  
  631. {block:Audio}
  632. <div id="block"></div>
  633. {block:AudioPlayer}
  634. <div id="play">{AudioPlayerWhite}</div>
  635. {/block:AudioPlayer}
  636.  
  637. <div id="details">
  638. {block:TrackName}
  639. <i>{TrackName}
  640. {/block:TrackName}
  641. {block:Artist}
  642. by <b>{Artist}</b></i>
  643. {/block:Artist}
  644. </div>
  645.  
  646. {block:ifShowCaption}
  647. {block:IndexPage}
  648. {block:Caption}{Caption}{/block:Caption}
  649. {/block:IndexPage}
  650. {/block:ifShowCaption}
  651.  
  652. {block:Permalink}
  653. {block:Caption}{Caption}{/block:Caption}
  654. {/block:Permalink}
  655. {/block:Audio}
  656.  
  657. {block:Video}
  658. {block:if250px}
  659. {Video-250}
  660. {/block:if250px}
  661.  
  662. {block:ifNot250px}
  663. {Video-400}
  664. {/block:ifNot250px}
  665.  
  666. {block:ifShowCaption}
  667. {block:IndexPage}
  668. {block:Caption}{Caption}{/block:Caption}
  669. {/block:IndexPage}
  670. {/block:ifShowCaption}
  671.  
  672. {block:Permalink}
  673. {block:Caption}{Caption}{/block:Caption}
  674. {/block:Permalink}
  675. {/block:Video}
  676.  
  677. {block:Answer}
  678. <div id="asker">{Asker} asked:</div>
  679. <div id="ask">{Question}</div>
  680. {Answer}
  681. {/block:Answer}
  682.  
  683. {block:Date}
  684. {block:IndexPage}
  685. <div class="info">
  686. <a href="{Permalink}">{12Hour}:{Minutes}{CapitalAmPm}</a> -
  687. <a href="{ReblogURL}">reblog</a> -
  688. <a href="{Permalink}">more</a>
  689. </div>
  690. {/block:IndexPage}
  691.  
  692. {block:Permalink}
  693. <div class="info">
  694. <b>posted on:</b> {Month} {DayOfMonth}
  695. {block:NoteCount}
  696. <br><b>notes:</b> {NoteCount}
  697. {/block:NoteCount}
  698.  
  699. {block:HasTags}<br>tags:
  700. <div class="tags">
  701. {block:Tags}
  702. <a href="{TagURL}">{Tag}</a>,
  703. {/block:Tags}
  704. </div>
  705. {/block:HasTags}
  706.  
  707. {block:ContentSource}
  708. <br><b>source:</b> <a href="{SourceURL}">{SourceTitle}</a>
  709. {/block:ContentSource}
  710. </div>
  711. {/block:Permalink}
  712. {/block:Date}
  713.  
  714. </div>
  715. {block:Posts}
  716.  
  717. <div class="notes">
  718. {block:PermalinkPage}
  719. {block:PostNotes}{PostNotes}{/block:PostNotes}
  720. {/block:PermalinkPage}
  721. </div>
  722.  
  723. </div>
  724.  
  725. <!-----pls dont remove this ty------>
  726.  
  727. <div id="credit">
  728. <a href="http://jaebium.tumblr.com" title="jaebium" target="_blank">+</a>
  729. </div>
  730.  
  731. </body>
  732.  
  733. <!------POP UP ASK-------->
  734. <div id="box1" class="popup_block">
  735. <center><h1>{text:Pop Up Ask Title}</h1><iframe frameborder="0" scrolling="yes" width="100%" height="150" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  736. </center>
  737. </div>
  738. </div></div></div></div></div></div></div></div></div></div></div>
  739.  
  740. </html>
Advertisement
Add Comment
Please, Sign In to add comment