ammetrine

Citrine Theme by Ammetrine

Feb 10th, 2016
93
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.17 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <script type="text/javascript"
  5. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  6. <script>
  7. $(document).ready(function() {
  8. //
  9. $('a.poplight[href^=#]').click(function() {
  10. var popID = $(this).attr('rel'); //Get Popup Name
  11. var popURL = $(this).attr('href'); //Get Popup href to define size
  12. var query= popURL.split('?');
  13. var dim= query[1].split('&');
  14. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  15. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  16. var popMargTop = ($('#' + popID).height() + 80) / 2;
  17. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  18. //Apply Margin to Popup
  19. $('#' + popID).css({
  20. 'margin-top' : -popMargTop,
  21. 'margin-left' : -popMargLeft
  22. });
  23. $('body').append('<div id="fade"></div>');
  24. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  25. return false;
  26. });
  27. $('a.close, #fade').live('click', function() {
  28. $('#fade , .popup_block').fadeOut(function() {
  29. $('#fade, a.close').remove(); //fade them both out
  30. });
  31. return false;
  32. });
  33. });
  34. </script>
  35.  
  36.  
  37.  
  38.  
  39. <title>{Title}</title>
  40.  
  41. <link rel="shortcut icon" href="{Favicon}">
  42. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  43. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  44.  
  45.  
  46. <meta name="image:Background" content=""/>
  47. <meta name="color:Background" content="#ffffff"/>
  48. <meta name="color:Blog Title" content="#666666"/>
  49. <meta name="color:Description" content="#666666" />
  50. <meta name="color:Text" content="#000000"/>
  51. <meta name="color:Link" content="#FFF5AD"/>
  52. <meta name="color:Link Hover" content="#bfb46a"/>
  53. <meta name="color:Scrollbar" content="#FFF5AD"/>
  54. <meta name="color:Popup Border" content="FFF5AD"/>
  55. <meta name="color:Blog Borders" content="FFF5AD"/>
  56.  
  57. <meta name="if:3 columns" content="0"/>
  58. <meta name="if:Show Custom Link 1" content="1"/>
  59. <meta name="if:Show Custom Link 2" content="1"/>
  60.  
  61.  
  62. <meta name="text:Link 1 URL" content="" />
  63. <meta name="text:Link 1 Title" content="" />
  64. <meta name="text:Link 2 URL" content="" />
  65. <meta name="text:Link 2 Title" content="" />
  66.  
  67.  
  68. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  69.  
  70.  
  71. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  72. <script>
  73. (function($){
  74. $(document).ready(function(){
  75. $("[title]").style_my_tooltips({
  76. tip_follows_cursor:true,
  77. tip_delay_time:0,
  78. tip_fade_speed:0
  79. }
  80. );
  81. });
  82. })(jQuery);
  83. </script>
  84.  
  85.  
  86. <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  87.  
  88.  
  89. <style type="text/css">
  90. #left {
  91. width:45px;
  92. height:100%;
  93. background-color:{color:Blog Borders};
  94. z-index:999;
  95. left:0;
  96. position:fixed;}
  97.  
  98.  
  99. ::-webkit-scrollbar-thumb{
  100. background-color:{color:scrollbar};
  101. border:1px solid {color:background};
  102. height:6px;
  103. }
  104.  
  105. ::-webkit-scrollbar {
  106. height:6px;
  107. width:4px;
  108. background-color:{color:background};
  109. }
  110.  
  111. #s-m-t-tooltip{
  112. position:absolute;
  113. margin-top: 15px;
  114. z-index:9999;
  115. background:{color:background};
  116. }
  117.  
  118.  
  119. body {
  120. background:{color:Background};
  121. color:{color:text};
  122. font-family:helvetica;
  123. font-size:12.5px;
  124. text-align:left;
  125. margin:0;
  126. line-height:16px;
  127.  
  128.  
  129. background-color:{color:Background};
  130. background-image:url('{image:background}');
  131. background-attachment:fixed;
  132.  
  133. }
  134.  
  135.  
  136. a {
  137. color:{color:link};
  138. text-decoration:none;
  139. -webkit-transition: all 0.2s ease-in-out;
  140. -moz-transition: all 0.2s ease-in-out;
  141. -o-transition: all 0.2s ease-in-out;
  142. }
  143.  
  144.  
  145. #side {
  146. border-left:solid 2px {color:blog borders};
  147. text-align:center;
  148. position:fixed;
  149. right:80px;
  150. width:280px;
  151. height:100%;
  152. padding:7px;
  153. background:#fff;
  154.  
  155. {block:if3columns}
  156. margin-left:-300px;
  157. {/block:if3columns}
  158. }
  159.  
  160. #sidebar {
  161. border:solid 1px #666;
  162. height:100px;
  163. padding:25px;
  164. margin-top:200px;
  165. margin-left:35px;
  166. width:250px;
  167. }
  168.  
  169.  
  170. #blogt {
  171. font-size:22px;
  172. padding:5px;
  173. border-top:dashed 1px #666;
  174. border-bottom:dashed 1px #666;
  175. text-align:center;
  176. font-family:helvetica;
  177. text-transform:uppercase;
  178. color:{color:Blog Title};
  179. }
  180.  
  181.  
  182. .navlinks {
  183. line-height:16px;
  184. text-transform:lowercase;
  185. position:relative;
  186. font-family:helvetica;
  187. text-align:left;
  188. }
  189.  
  190.  
  191. .navlinks a {
  192. margin-right:5px;
  193. margin-bottom:5px;
  194. display:inline-block;
  195. }
  196.  
  197.  
  198. .navlinks a:hover {
  199. color:{color:Link Hover};
  200. background:#fff;
  201. -webkit-transition:opacity 0.3s ease-in-out; opacity: 0.5;
  202. -webkit-transition:all 0.3s ease-in-out;
  203. -moz-transition:all 0.3s ease-in-out;
  204. transition:all 0.3s ease-in-out;
  205. }
  206.  
  207.  
  208. #description {
  209. margin:15px 0;
  210. color:{color:Description};
  211. font-family:helvetica;
  212. }
  213.  
  214.  
  215. #con {
  216. left:50%;
  217. margin-left:-495px;
  218. position:absolute;
  219. }
  220.  
  221.  
  222. #entries {
  223. width:650px;
  224. margin-top:50px;
  225. margin-left:85px;
  226.  
  227. {block:if3columns}
  228. width:800px;
  229. margin-left:10px;
  230. {/block:if3columns}
  231.  
  232. {block:PermalinkPage}
  233. width:500px;
  234. {/block:PermalinkPage}
  235. }
  236.  
  237.  
  238. .posts {
  239. width:200px;
  240. float:left;
  241. margin-right:40px;
  242. padding:7px 7px 0px 7px;
  243. {block:IndexPage}
  244. margin-bottom:40px;
  245. {/block:IndexPage}
  246.  
  247. {block:if3columns}
  248. width:180px;
  249. margin-right:30px;
  250. margin-bottom:30px;
  251. {/block:if3columns}
  252.  
  253. {block:PermalinkPage}
  254. width:500px;
  255. margin-bottom:30px;
  256. position:relative;
  257. float:left;
  258. {/block:PermalinkPage}
  259. }
  260.  
  261.  
  262. .posts img {
  263. max-width:250px;
  264. }
  265.  
  266. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  267. .caption {width:100%;
  268. margin-top:10px;
  269.  
  270. }
  271.  
  272. #title {
  273. font-size:22px;
  274. line-height:24px;
  275. font-weight:bold;
  276. margin-bottom:10px;
  277. text-transform:uppercase;
  278. text-align:left;
  279. }
  280.  
  281.  
  282. .text {
  283. font-size:11px;
  284. font-family:helvetica;
  285. }
  286.  
  287.  
  288. .text a:hover {
  289. text-decoration:underline;
  290. -webkit-transition:opacity 0.3s ease-in-out; opacity: 0.5;
  291. -webkit-transition:all 0.3s ease-in-out;
  292. -moz-transition:all 0.3s ease-in-out;
  293. transition:all 0.3s ease-in-out;
  294. }
  295.  
  296.  
  297. #quote{
  298. text-align:left;
  299. font-size:14px;
  300. line-height:18px;
  301. font-weight:bold;
  302. }
  303.  
  304.  
  305. #quote a:hover {
  306. text-decoration:underline;
  307. -webkit-transition:opacity 0.3s ease-in-out; opacity: 0.5;
  308. -webkit-transition:all 0.3s ease-in-out;
  309. -moz-transition:all 0.3s ease-in-out;
  310. transition:all 0.3s ease-in-out;
  311. }
  312.  
  313.  
  314. #quotesource {
  315. margin-top:15px;
  316. margin-left:15px;
  317.  
  318. }
  319.  
  320.  
  321. .player {
  322. width:25px;
  323. height:25px;
  324. overflow:hidden;
  325. position:absolute;
  326. margin-left:12px;
  327. margin-top:12px;
  328. background:white;
  329. }
  330.  
  331.  
  332. .audioinfo {
  333. margin-left:70px;
  334. }
  335.  
  336.  
  337. .albumart {
  338. position:absolute;
  339. {block:IndexPage}
  340. width:60px;
  341. height:60px;
  342. {/block:IndexPage}
  343. {block:PermalinkPage}
  344. width:60px;
  345. height:60px;
  346. {/block:PermalinkPage}
  347. }
  348.  
  349.  
  350. .albumart img {
  351. float:left;
  352. {block:IndexPage}
  353. width:60px;
  354. height:60px;
  355. {/block:IndexPage}
  356. {block:PermalinkPage}
  357. width:60px;
  358. height:60px;
  359. {/block:PermalinkPage}
  360. }
  361.  
  362.  
  363. .question {
  364. margin-bottom:10px;
  365. }
  366.  
  367. .asker {
  368. font-weight:bold;
  369. }
  370.  
  371.  
  372. .answer {
  373. margin-top:10px;
  374. }
  375.  
  376.  
  377. .chat ol {
  378. padding:0;
  379. list-style:none;
  380. }
  381.  
  382.  
  383. .line {
  384. padding:5px 0;
  385. }
  386.  
  387.  
  388. .label {
  389. font-weight:bold;
  390. }
  391.  
  392.  
  393. #permalink {
  394. margin:5px;
  395. font-size:9px;
  396. text-align:left;
  397. padding:3px;
  398. opacity:0;
  399. position:absolute;
  400. top:5px;
  401. left:5px;
  402. background:#FFF5AD;
  403. border-radius:3px;
  404. }
  405.  
  406. .posts:hover #permalink {
  407. opacity:1;
  408. }
  409.  
  410.  
  411. #permalink a {
  412. margin-left:10px;
  413. color:#666;
  414. padding:3px;
  415. }
  416.  
  417.  
  418. #permalink a:hover {
  419. padding:3px;
  420. color:{color:Link Hover};
  421. -webkit-transition:opacity 0.3s ease-in-out; opacity: 0.5;
  422. -webkit-transition:all 0.3s ease-in-out;
  423. -moz-transition:all 0.3s ease-in-out;
  424. transition:all 0.3s ease-in-out;
  425. }
  426.  
  427.  
  428. .pagination {
  429. display:none;
  430. }
  431.  
  432.  
  433. .popup_block{
  434. display:none;
  435. background:#fff;
  436. padding:10px;
  437. border:10px solid {color:Popup Border}; /* if you want a solid white pop-up, delete this */
  438. float:left;
  439. position:fixed;
  440. top:50%;left:50%;
  441. z-index: 99999;
  442. }
  443.  
  444. *html #fade {position: absolute;}
  445. *html .popup_block {position: absolute;}
  446. #fade {
  447. display:none;
  448. position:fixed;
  449. left:0px;
  450. top:0px;
  451. width:100%;
  452. height:100%;
  453. z-index:9999;
  454. background:#000; /* change to #fff for solid white */
  455. opacity:0.5; /* change to opacity:1; */
  456. }
  457.  
  458.  
  459. .notes {
  460. padding-left:20px;
  461. font-size:11px;
  462. }
  463.  
  464. .pagination {
  465. display: none;
  466. }
  467.  
  468.  
  469. #credit {
  470. position:fixed;
  471. right:10px;
  472. z-index:9999;
  473. bottom:5px;
  474. }
  475.  
  476.  
  477. {CustomCSS}
  478. </style>
  479.  
  480. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  481.  
  482. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  483.  
  484. <script>
  485. $(function(){
  486. var $container = $('#entries');
  487. $container.imagesLoaded(function(){
  488. $container.masonry({
  489. itemSelector: '.posts',
  490. });
  491. });
  492. $container.infinitescroll({
  493. itemSelector : ".posts",
  494. navSelector : "div.pagination",
  495. nextSelector : ".pagination a#next",
  496. loadingImg : "",
  497. loadingText : "<em></em>",
  498. bufferPx : 10000,
  499. extraScrollPx: 12000,
  500. },
  501. // trigger Masonry as a callback
  502. function( newElements ) {
  503. var $newElems = $( newElements ).css({ opacity: 0 });
  504. // ensure that images load before adding to masonry layout
  505. $newElems.imagesLoaded(function(){
  506. $newElems.animate({ opacity: 1 });
  507. $container.masonry( 'appended', $newElems, true );
  508. });
  509. }
  510. );
  511. });
  512. </script>
  513.  
  514.  
  515. </head>
  516.  
  517. <body>
  518. <div id="left"></div>
  519.  
  520. <div id="con">
  521.  
  522. <div id="credit"><a href="http://ammetrine.tumblr.com/" target="_blank" title="ammetrine's themes"><img src="http://38.media.tumblr.com/tumblr_lu2de5CqUh1qfoi4t.gif"></a></div>
  523.  
  524. <div id="side">
  525. <div id="sidebar">
  526. <div class="navlinks"> </div>
  527. <a href="/">home</a>
  528. <a href="#?w=400" rel="box1" class="poplight">inbox</a>
  529. <a href="/archive">archive</a>
  530. {block:ifShowCustomlink1}<a href="{text:Link 1 URL}">{text:Link 1 Title}</a>
  531. {/block:ifShowCustomLink1}
  532. {block:ifShowCustomlink2}<a href="{text:Link 2 URL}" >{text:Link 2 Title}</a>{/block:ifShowCustomLink2}
  533. <a href="http://ammetrine.tumblr.com" target="_blank">theme</a>
  534. <div id="description">{Description}</div>
  535. <div id="blogt">{Title}</div>
  536. </div>
  537.  
  538. </div>
  539.  
  540.  
  541. <div id="entries">
  542.  
  543. {block:Posts}
  544.  
  545. <div class="posts">
  546.  
  547. {block:Quote}
  548. <div class="quote">
  549. '<strong><i>{Quote}</i></strong>'
  550. </div>
  551. {block:Source}
  552. <br><div class="quotesource">— {Source}</div>
  553. {/block:Source}
  554.  
  555. {block:IndexPage}
  556. <div id="permalink">
  557. <a href="{Permalink}" >{NoteCount}</a>
  558. <a href="{ReblogURL}">reblog</a>
  559. </div>
  560. {/block:IndexPage}
  561. {/block:Quote}
  562.  
  563.  
  564. {block:Text}
  565. {block:Title}
  566. <div id="title">{Title}</div>
  567. {/block:Title}
  568. <div class="text">
  569. {Body}
  570. </div>
  571.  
  572. {block:IndexPage}
  573. <div id="permalink">
  574. <a href="{Permalink}" >{NoteCount}</a>
  575. <a href="{ReblogURL}">reblog</a>
  576. </div>
  577. {/block:IndexPage}
  578. {/block:Text}
  579.  
  580.  
  581. {block:Link}
  582. <div id="title">
  583. <a href="{URL}">{Name}</a>
  584. </div>
  585. {block:Description}{Description}{/block:Description}
  586.  
  587. {block:IndexPage}
  588. <div id="permalink">
  589. <a href="{Permalink}" >{NoteCount}</a>
  590. <a href="{ReblogURL}">reblog</a>
  591. </div>
  592. {/block:IndexPage}
  593. {/block:Link}
  594.  
  595.  
  596. {block:Chat}
  597. {block:Title}
  598. <h1>{Title}</h1>
  599. {/block:Title}
  600. <div class="chat">
  601. <ol>{block:Lines}
  602. <li class="line {Alt}">
  603. {block:Label}
  604. <span class="label">
  605. {Label}</span>
  606. {/block:Label}{Line}</li>
  607. {/block:Lines}
  608. </ol>
  609. </div>
  610.  
  611. {block:IndexPage}
  612. <div id="permalink">
  613. <a href="{Permalink}" >{NoteCount}</a>
  614. <a href="{ReblogURL}"</a>
  615. </div>
  616. {/block:IndexPage}
  617. {/block:Chat}
  618.  
  619.  
  620. {block:Photo}
  621. {block:IndexPage}
  622. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  623.  
  624. <div id="permalink">
  625. <a href="{Permalink}" >{NoteCount}</a>
  626. <a href="{ReblogURL}">reblog</a>
  627. </div>
  628. {/block:IndexPage}
  629.  
  630. {block:PermalinkPage}
  631. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  632. <br>
  633. {/block:PermalinkPage}
  634. {/block:Photo}
  635.  
  636.  
  637. {block:Photoset}
  638. {block:IndexPage}
  639. {Photoset}
  640.  
  641. <div id="permalink">
  642. <a href="{Permalink}" >{NoteCount}</a>
  643. <a href="{ReblogURL}">reblog</a>
  644. </div>
  645. {/block:IndexPage}
  646. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  647. {/block:Photoset}
  648.  
  649.  
  650. {block:Video}
  651. {Video-250}
  652.  
  653. {block:IndexPage}
  654. <div id="permalink">
  655. <a href="{Permalink}" >{NoteCount}</a>
  656. <a href="{ReblogURL}">reblog</a>
  657. </div>
  658. {/block:IndexPage}
  659. {/block:Video}
  660.  
  661.  
  662. {block:Audio}
  663. {block:AlbumArt}
  664. <div class="albumart">
  665. <img src="{AlbumArtURL}">
  666. </div>
  667. {/block:AlbumArt}
  668. <div class="player">{AudioPlayerWhite}</div>
  669.  
  670. <div class="audioinfo">
  671. Title: {block:TrackName}{TrackName}{/block:TrackName}<br>
  672.  
  673. Artist: {block:Artist}{Artist}{/block:Artist}<br>
  674.  
  675. Plays: {block:PlayCount}{FormattedPlayCount}{/block:PlayCount}
  676.  
  677. {block:IndexPage}
  678. <div id="permalink">
  679. <a href="{Permalink}" >{NoteCount}</a>
  680. <a href="{ReblogURL}">reblog</a>
  681. </div>
  682. {/block:IndexPage}
  683. </div>
  684. {/block:Audio}
  685.  
  686.  
  687. {block:Answer}
  688. <div class="question">
  689. <div class="asker">{Asker} said: </div>
  690. {Question}
  691. </div>
  692. <div class="answer"><br><i>{Answer}</i></div>
  693.  
  694. {block:IndexPage}
  695. <div id="permalink">
  696. <a href="{Permalink}" >{NoteCount}</a>
  697. <a href="{ReblogURL}">reblog</a>
  698. </div>
  699. {/block:IndexPage}
  700. {/block:Answer}
  701.  
  702.  
  703.  
  704. {block:PermalinkPage}
  705. <div class="notes">
  706. {block:Date}{Caption} posted {TimeAgo}{/block:Date}
  707. {block:NoteCount} with {NoteCount} notes {/block:NoteCount}
  708. {block:RebloggedFrom}
  709. via <a href="{ReblogParentURL}">{ReblogParentName}</a>,
  710. {/block:RebloggedFrom}
  711. {block:ContentSource}originally from <a href="{SourceURL}">{SourceTitle} </a>{/block:ContentSource}
  712. <br>{block:hastags}{block:tags}#<a href="/tagged/{Tag}">{Tag}</a> &nbsp;&nbsp; {/block:tags}{/block:hastags}
  713. <br>{PostNotes}
  714. </div>
  715. {/block:PermalinkPage}
  716.  
  717. </div>
  718. {/block:Posts}
  719.  
  720. <div class="pagination">
  721. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  722. </div>
  723.  
  724.  
  725.  
  726. </div>
  727.  
  728. </div>
  729.  
  730. </body>
  731.  
  732. <div id="box1" class="popup_block">
  733. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  734.  
  735. </div>
  736.  
  737.  
  738. </html>
Add Comment
Please, Sign In to add comment