API tools faq
paste
Advertisement
rasperries

robbers black

rasperries
Aug 2nd, 2014
192
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.41 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Theme by septim.
  4.  
  5. Don't be a bitch and steal, don't be an ass and use as a base.
  6.  
  7. Leave the damn credit.
  8.  
  9. Be fucking original.
  10.  
  11. I'm tired.
  12.  
  13. -->
  14.  
  15.  
  16. <!DOCTYPE html>
  17. <head>
  18.  
  19. <title>{Title}</title>
  20.  
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <!--Default Variables-->
  26.  
  27. <meta name="color:Background" content="#ffffff"/>
  28. <meta name="color:Text" content="#cccccc"/>
  29. <meta name="color:link" content="#a7a7a7"/>
  30. <meta name="color:title"content="#000000"/>
  31. <meta name="color:blog title"content="#aaaaaa"/>
  32. <meta name="color:scrollbar" content="#d5d5d5" />
  33. <meta name="color:link hover" content="#aaaaaa"/>
  34.  
  35. <meta name="if:Hide Captions" content="0"/>
  36. <meta name="if:Show Tags" content="0">
  37. <meta name="if:Bold Title" content="1">
  38.  
  39. <meta name="text:short description" content=""/>
  40.  
  41. <meta name="image:description icon" content=""/>
  42.  
  43. <meta name="text:Link 1 URL" content="" />
  44. <meta name="text:Link 1" content="" />
  45. <meta name="text:Link 2 URL" content="" />
  46. <meta name="text:Link 2" content="" />
  47. <meta name="text:Link 3 URL" content="" />
  48. <meta name="text:Link 3" content="" />
  49. <meta name="text:Link 4 URL" content="" />
  50. <meta name="text:Link 4" content="" />
  51.  
  52.  
  53. <!-- jquery -->
  54.  
  55.  
  56. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  57.  
  58. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  59.  
  60. <script>
  61.  
  62. (function($){
  63.  
  64. $(document).ready(function(){
  65.  
  66. $("a[title]").style_my_tooltips({
  67.  
  68. tip_follows_cursor:true,
  69.  
  70. tip_delay_time:30,
  71.  
  72. tip_fade_speed:300,
  73.  
  74. attribute:"title"
  75.  
  76. });
  77.  
  78. });
  79.  
  80. })(jQuery);
  81.  
  82. </script>
  83.  
  84.  
  85. <script src="http://tympanus.net/Development/FullscreenOverlayStyles/js/modernizr.custom.js"></script>
  86.  
  87.  
  88. {block:indexpage}
  89. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  90. <script type="text/javascript">
  91. $(document).ready(function(){
  92.  
  93. $('#scrlTop').click(function(){
  94. $("html, body").animate({ scrollTop: 0 }, 800);
  95. return false;
  96. });
  97.  
  98. });
  99. </script>
  100.  
  101.  
  102. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  103.  
  104. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  105. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  106. <script type="text/javascript" charset="utf-8">
  107. var $j = jQuery.noConflict();
  108. $j(function() {
  109. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  110. $j("#posts img").lazyload({
  111. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  112. effect: "fadeIn",
  113. });
  114. });
  115. </script>
  116.  
  117.  
  118. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  119.  
  120. <script type="text/javascript" src="http://static.tumblr.com/fki2yxd/XtUmn1zq3/jquery.sticky.js"></script>
  121. <script>
  122. $(window).load(function(){
  123. $("#headers").sticky({ topSpacing: 0 });
  124. });
  125. </script>
  126.  
  127.  
  128. {/block:indexpage}
  129.  
  130. <link href='http://fonts.googleapis.com/css?family=Roboto:100' rel='stylesheet' type='text/css'>
  131.  
  132.  
  133.  
  134. <!--CSS customization here. -->
  135.  
  136. <style type="text/css">
  137.  
  138. #s-m-t-tooltip{
  139. font-size:9px;
  140. position:absolute;
  141. margin-top: 15px;
  142. letter-spacing:1px;
  143. z-index:9999;
  144. background:{color:background};
  145. color:{color:text};
  146. border:1px solid {color:text};
  147. text-transform:lowercase;
  148. padding:0px 3px;
  149. }
  150.  
  151. .s a {color:{color:blog title};
  152. margin:0 5px;}
  153. #im img {width:100px;
  154. height:100px;
  155. margin-bottom:25px;
  156. display:normal;
  157. border-radius:100%;}
  158.  
  159. #about {
  160. width:350px;
  161. margin:20px auto 0 auto;
  162. line-height:20px;}
  163.  
  164.  
  165. /*scrollbar*/
  166. ::-webkit-scrollbar{height: 5px;
  167. width: 3px;
  168. -webkit-border-radius: 0px;
  169. background-color:{color:background}}
  170. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  171. ::-webkit-scrollbar-track{background-color:{color:background};}
  172.  
  173.  
  174.  
  175.  
  176. #text {position:fixed;
  177. bottom:5px;
  178. right:10px;
  179. text-transform:uppercase;
  180. font-family:roboto;
  181. font-weight:;
  182. padding:5px;
  183. font-size:8px;}
  184. #text a {text-decoration:none;}
  185.  
  186. /*main structure*/
  187. blockquote {padding:5px 0 5px 15px;
  188. border-left:1px solid #eee;
  189. margin-left:20px;
  190. text-align:left;
  191.  
  192. }
  193. .caption blockquote {
  194. padding:5px 0 5px 15px;
  195. border-left:1px solid #eee;
  196. margin-left:20px;
  197. text-align:left;
  198. }
  199.  
  200.  
  201. body {
  202. background:{color:background};
  203. color:{color:text};
  204. font-family:roboto;
  205. font-size:10px;
  206. letter-spacing:1px;
  207. font-weight:lighter;
  208. text-align:justify;
  209. margin:0;
  210. line-height:150%;}
  211.  
  212.  
  213. a {
  214. color:{color:link};
  215. text-decoration:none;
  216. border-bottom:1px solid transparent;
  217. -webkit-transition:all 0.6s;
  218. -moz-transition:all 0.6s;
  219. -ms-transition:all 0.6s;
  220. -o-transition:all 0.6s;
  221. transition:all 0.6s;
  222. }
  223.  
  224. a:hover {border-bottom:1px solid {color:link hover};
  225. -webkit-transition:all 0.6s;
  226. -moz-transition:all 0.6s;
  227. -ms-transition:all 0.6s;
  228. -o-transition:all 0.6s;
  229. transition:all 0.6s; }
  230.  
  231. img{
  232. opacity:1;
  233. border:none;
  234. text-decoration:none}
  235.  
  236.  
  237. b, strong {
  238. color:{color:title}}
  239. i, em {
  240. color:{color:text}}
  241. p {
  242. margin-top:5px;
  243. margin-bottom:5px}
  244. ol {
  245. list-style:normal;
  246. text-align:justify;}
  247. ul {
  248. list-style:square;
  249. text-align:justify;}
  250.  
  251. small {
  252. font-size:10px;}
  253.  
  254. big {
  255. font-size:14px;}
  256.  
  257.  
  258.  
  259.  
  260. #title {font-size:18px;
  261. line-height:20px;
  262. font-weight:600;
  263. letter-spacing:-1px;
  264. color:{color:title};}
  265. #title a {color:{color:title};}
  266.  
  267.  
  268.  
  269.  
  270. /*header*/
  271.  
  272. #h {height:100%;
  273. margin-top:50%}
  274.  
  275. #headers {
  276. font-weight:100;
  277. width:400px;
  278. z-index:4;
  279. padding-top:50px;
  280. position: relative;
  281. overflow:hidden;}
  282.  
  283.  
  284.  
  285. #blogt {font-size:34px;
  286. letter-spacing:-1px;
  287. {block:IfBoldTitle}
  288. font-weight:600;
  289. {/block:IfBoldTitle}
  290. {block:IfNotBoldTitle}
  291. font-family:roboto;
  292. {block:IfNotBoldTitle}
  293. text-transform:uppercase;}
  294. #blogt a {border:none;
  295. }
  296.  
  297.  
  298. .standardlinks {
  299. font-size:11px;
  300. padding-top:5px;
  301. text-transform:lowercase;
  302. }
  303. .yo {display:inline-block;
  304. cursor:pointer;
  305. border: none;
  306. font-weight:lighter;
  307. outline: none;
  308. margin-right:5px;
  309. background:transparent;
  310. border-bottom:1px solid transparent;
  311. text-decoration:none;
  312. padding-left:0;
  313. font-family:roboto;
  314. padding-right:0;
  315. text-shadow:0;
  316. -webkit-transition:all 0.6s;
  317. -moz-transition:all 0.6s;
  318. -ms-transition:all 0.6s;
  319. -o-transition:all 0.6s;
  320. transition:all 0.6s;}
  321. .yo:hover {border-bottom:1px solid {color:link hover};
  322. -webkit-transition:all 0.6s;
  323. -moz-transition:all 0.6s;
  324. -ms-transition:all 0.6s;
  325. -o-transition:all 0.6s;
  326. transition:all 0.6s;}
  327.  
  328. .standardlinks a {
  329. display:inline-block;
  330. margin-right:5px;
  331. color:{color:blog title};
  332. }
  333.  
  334. /*pagination*/
  335. #pagination {
  336. text-align:center;
  337. font-size:9px;
  338. margin:100px 0 50px 0;
  339. text-transform:uppercase;
  340. letter-spacing:1px;
  341. }
  342.  
  343.  
  344. #pagination a {
  345. display:inline-block;
  346. margin:0 10px;
  347. }
  348.  
  349.  
  350.  
  351.  
  352.  
  353. /*container*/
  354. #con {
  355. left:50%;
  356. margin-left:-200px;
  357. position:absolute;
  358. }
  359.  
  360.  
  361.  
  362. /*posts*/
  363.  
  364. #entries {
  365. margin-top:100px;
  366. width:400px;
  367. }
  368.  
  369.  
  370.  
  371. #posts {
  372.  
  373. width:400px;
  374. {block:IndexPage}
  375. margin-bottom:200px;
  376. {/block:IndexPage}
  377. {block:PermalinkPage}
  378. margin-bottom:50px;
  379. {/block:PermalinkPage}
  380. }
  381. #posts img {
  382. max-width:400px;
  383. display:block;
  384. }
  385.  
  386.  
  387. #buttt img {width:400px;}
  388.  
  389. #titlequote{
  390.  
  391. letter-spacing:px;
  392. color:{color:text};
  393. }
  394.  
  395. #source {
  396. font-size:10px;
  397. margin-bottom:5px;
  398. font-style:italic;
  399. text-align:right;
  400. }
  401.  
  402. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  403. .caption img{max-width:300px;}
  404. .caption {width:400px;
  405. margin-top:15px;
  406. text-transform:none;
  407. {block:IfHideCaptions}
  408. {block:IndexPage}
  409. display:none;
  410. {/block:IndexPage}
  411. {/block:IfHideCaptions}
  412. }
  413.  
  414.  
  415.  
  416.  
  417. /*audio*/
  418.  
  419. .tumblr_audio_player {width:400px;
  420. height:30px;
  421. }
  422. .player {width:30px;
  423. overflow:hidden;
  424. padding-left:10px;
  425. border-left:1px solid #eee;
  426. height:33px;
  427. float:left;
  428. padding-top:2px;
  429. border-right:10px solid {color:background};
  430. }
  431. .audio_info {
  432. padding-top:px;
  433. letter-spacing:1px;
  434. font-size:8px;
  435. text-transform:uppercase;
  436. }
  437.  
  438. .plays {font-style:italic;
  439. text-transform:none;
  440. letter-spacing:0;
  441. font-size:10px;
  442. }
  443.  
  444.  
  445.  
  446.  
  447.  
  448.  
  449.  
  450.  
  451. /*asks*/
  452. color:{color:text};
  453. }
  454. .as {
  455. font-weight:;
  456. text-transform:lowercase;}
  457.  
  458. .a {margin-top:25px}
  459.  
  460.  
  461.  
  462.  
  463.  
  464. .chat ol {
  465. padding:0;
  466. line-height:180%;
  467. list-style:none;
  468. }
  469.  
  470. .line.odd {
  471. padding:5px 0;
  472. }
  473.  
  474. .line.even {
  475. padding:5px 0;
  476. }
  477.  
  478. .label {font-weight:bold;
  479. display:block;
  480. letter-spacing:-1px;
  481. text-transform:uppercase;
  482. color:{color:title};
  483. }
  484.  
  485.  
  486.  
  487.  
  488.  
  489. /*permalink and notes*/
  490.  
  491.  
  492. #permalink {
  493. {block:IndexPage}
  494. opacity:0;
  495. {/block:IndexPage}
  496. margin-top:10px;
  497. font-size:8px;
  498. letter-spacing:px;
  499. text-transform:uppercase;
  500. -webkit-transition:all 0.8s;
  501. -moz-transition:all 0.8s;
  502. -ms-transition:all 0.8s;
  503. -o-transition:all 0.8s;
  504. transition:all 0.8s;
  505. }
  506. #posts:hover #permalink {opacity:1;-webkit-transition:all 0.8s;
  507. -moz-transition:all 0.8s;
  508. -ms-transition:all 0.8s;
  509. -o-transition:all 0.8s;
  510. transition:all 0.8s;
  511. }
  512. #permalink a {display:inline-block;
  513. margin-right:5px;
  514. }
  515.  
  516.  
  517. .tags {{block:ifNotShowTags}
  518. {block:IndexPage}
  519. display:none;
  520. {/block:IndexPage}
  521. {/block:ifNotShowTags}
  522. word-break:break-all;
  523. font-size:9px;
  524.  
  525. }
  526. .tags a{margin-right:5px;
  527. text-transform:none;
  528. text-decoration:none;}
  529.  
  530.  
  531. .pagenotes {
  532. {block:IndexPage}
  533. display: none!important;
  534. {/block:IndexPage}
  535. width:400px;
  536. margin-bottom:100px;
  537. }
  538. .pagenotes img {
  539. display:none!important;}
  540. .pagenotes li {
  541. list-style-type:none;
  542. padding:5px 0px;
  543. margin:0 0 0 -40px;
  544. font-size:8px;
  545. letter-spacing:1px;
  546. text-transform:;
  547. }
  548. #displayNotes {
  549. font-size:9px;
  550. font-weight:bold;
  551. letter-spacing:1px;
  552. color:{color:title};
  553. text-transform:UPPERCASE;}
  554.  
  555.  
  556.  
  557.  
  558. {CustomCSS}
  559.  
  560.  
  561.  
  562.  
  563. /* Overlay style */
  564. .overlay {
  565. position: fixed;
  566. width: 100%;
  567. color:{color:text};
  568. height: 100%;
  569. top: 0px;
  570. left: 0;
  571. z-index:80;
  572. background:{color:background};
  573. }
  574.  
  575. /* Overlay closing cross */
  576. .overlay .overlay-close {
  577. position: absolute;
  578. right: 30px;
  579. top: 30px;
  580. height:50px;
  581. width:50px;
  582. font-weight:lighter;
  583. font-family:helvetica neue;
  584. text-align:center;
  585. cursor:pointer;
  586. border: none;
  587. color:{color:text};
  588. text-transform:lowercase;
  589. font-size:35px;
  590. background:transparent;
  591. outline: none;
  592. }
  593.  
  594. /* Menu style */
  595. .overlay nav {
  596. text-align:center;
  597. position: relative;
  598. top: 30%;
  599. line-height:normal;
  600. -webkit-transform: translateY(-50%);
  601. transform: translateY(-50%);
  602. }
  603.  
  604. /* Effects */
  605. .overlay-hugeinc {
  606. opacity: 0;
  607. visibility: hidden;
  608. -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
  609. transition: opacity 0.5s, visibility 0s 0.5s;
  610. }
  611.  
  612. .overlay-hugeinc.open {
  613. opacity: 1;
  614. visibility: visible;
  615. -webkit-transition: opacity 0.5s;
  616. transition: opacity 0.5s;
  617. }
  618.  
  619. .overlay-hugeinc nav {
  620. -webkit-perspective: 1200px;
  621. perspective: 1200px;
  622. }
  623.  
  624. .overlay-hugeinc nav {
  625. opacity: 0.4;
  626. -webkit-transform: translateY(-25%) rotateX(35deg);
  627. transform: translateY(-25%) rotateX(35deg);
  628. -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  629. transition: transform 0.5s, opacity 0.5s;
  630. }
  631.  
  632. .overlay-hugeinc.open nav {
  633. opacity: 1;
  634. -webkit-transform: rotateX(0deg);
  635. transform: rotateX(0deg);
  636. }
  637.  
  638. .overlay-hugeinc.close nav {
  639. -webkit-transform: translateY(25%) rotateX(-35deg);
  640. transform: translateY(25%) rotateX(-35deg);
  641. }
  642.  
  643. @media screen and (max-height: 30.5em) {
  644. .overlay nav {
  645. height: 70%;
  646. }
  647.  
  648. }
  649.  
  650.  
  651. </style>
  652.  
  653. <!-- notes -->
  654.  
  655. <script language="javascript">
  656.  
  657. function toggle() {
  658. var ele = document.getElementById("toggleNotes");
  659. var text = document.getElementById("displayNotes");
  660. if(ele.style.display == "block") {
  661. ele.style.display = "none";
  662. text.innerHTML = "show notes";
  663. }
  664. else {
  665. ele.style.display = "block";
  666. text.innerHTML = "hide notes";
  667. }
  668. }
  669.  
  670. </script>
  671.  
  672.  
  673.  
  674. </head>
  675.  
  676. <body>
  677.  
  678.  
  679. <div id="text"><script language="JavaScript">
  680. var ref = (''+document.referrer+'');
  681. var w_h = window.screen.width + " x " + window.screen.height;
  682. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4091188&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  683. </script> | <a href="http://farahmir.tumblr.com" target="_blank" title="septim">S</a></div>
  684.  
  685. <div id="con">
  686.  
  687. <div id="h">
  688. <div id="headers">
  689. <div id="blogt"><a href="/" style="color:{color:blog title}">{Title}</a></div>
  690. <div class="standardlinks">
  691. <a href="/ask">contact</a>
  692. <button id="trigger-overlay" type="button" class="yo" style="color:{color:blog title}">about</button>
  693. <a href="/tagss">navigation</a>
  694. <a href="/archive" >archive</a>
  695. </div>
  696. </div>
  697. </div>
  698. <div id="entries">
  699. {block:Posts}
  700. <div id="posts">
  701.  
  702.  
  703. {block:Quote}
  704. <div id="titlequote">{Quote}</div>
  705. {block:Source}<div id="source">{Source}</div>{/block:Source}
  706. {/block:Quote}
  707.  
  708.  
  709.  
  710. {block:Text}
  711. {block:Title}<div id="title">{Title}</div>{/block:Title}
  712. {Body}
  713. {/block:Text}
  714.  
  715. {block:Link}
  716.  
  717. <div id="title"><a href="{URL}">{Name}</a></div>
  718. {block:Description}{Description}{/block:Description}
  719.  
  720. {/block:Link}
  721.  
  722. {block:Chat}
  723. {block:Title}
  724. <h1>{Title}</h1>
  725. {/block:Title}
  726. <div class="chat">
  727. <ol>{block:Lines}
  728. <li class="line {Alt}">
  729. {block:Label}
  730. <span class="label">
  731. {Label}</span>
  732. {/block:Label}{Line}</li>
  733. {/block:Lines}
  734. </ol></div>
  735. {/block:Chat}
  736.  
  737. {block:Photo}
  738. <div id="buttt">
  739. {block:indexpage}
  740. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  741. {/block:indexpage}
  742. {block:permalinkpage}
  743. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  744. {block:permalinkpage}
  745. </div>
  746. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  747.  
  748. {/block:Photo}
  749.  
  750. {block:Photoset}
  751. {Photoset-400}
  752. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  753. {/block:Photoset}
  754.  
  755. {block:Video}
  756. {Video-400}
  757. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  758. {/block:Video}
  759.  
  760.  
  761.  
  762. {block:Audio}{block:AudioPlayer}
  763. <div class="player">{AudioPlayerBlack}</div>
  764. {/block:AudioPlayer}
  765. <div class="audio_info">{block:TrackName}{TrackName}{/block:TrackName}<div class="plays">{block:Artist}{Artist} &mdash; {/block:Artist}
  766. {playcountwithlabel}</div></div>
  767. {/block:Audio}
  768.  
  769.  
  770. {block:Answer}
  771. <div class="as">{Asker} said:</div>
  772. <div class="q"><i>{Question}</i></div>
  773. <div class="a">{Answer}</div>
  774.  
  775. {/block:Answer}
  776.  
  777. {block:Date}
  778. <div id="permalink">
  779. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}"># {Tag}</a>{/block:Tags}</div>{/block:HasTags}
  780. <a href="{Permalink}">{monthnumber}.{dayofmonth}.{year}</a>{block:NoteCount}<a href="{Permalink}">+{NoteCount}</a>{/block:NoteCount}{block:PermalinkPage}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">( source )</a>{/block:ContentSource}{/block:RebloggedFrom}
  781. {/block:PermalinkPage}
  782. </div>
  783. {/block:Date}
  784. </div>
  785.  
  786.  
  787. {block:PostNotes}
  788. <div class="pagenotes">
  789. <a id="displayNotes" href="javascript:toggle();">show notes</a>
  790. <div id="toggleNotes" style="display:none;">
  791. {PostNotes}
  792. </div>
  793. </div>
  794. {/block:PostNotes}
  795.  
  796.  
  797. {/block:Posts}
  798.  
  799.  
  800. {block:Pagination}
  801. <div id="pagination">
  802. {block:PreviousPage}
  803. <a href="{PreviousPage}">Back</a>
  804. {/block:PreviousPage}
  805. {block:NextPage}
  806. <a href="{NextPage}">Next</a>
  807. {/block:NextPage}
  808. </div>
  809. {/block:Pagination}
  810.  
  811. </div>
  812.  
  813.  
  814.  
  815.  
  816.  
  817. </div>
  818. {block:ContentSource}
  819. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  820. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  821. {/block:SourceLogo}
  822. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  823. {/block:ContentSource}
  824.  
  825. </body>
  826.  
  827. <div class="overlay overlay-hugeinc">
  828. <button type="button" class="overlay-close">x</button>
  829. <nav>
  830. <div id="im"><img src="{image:description icon}"></div>
  831. <div class="s">{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  832. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  833. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  834. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}</div>
  835. <div id="about">{Description}</div>
  836. </nav>
  837. </div>
  838. <script src="http://tympanus.net/Development/FullscreenOverlayStyles/js/classie.js"></script>
  839. <script src="http://tympanus.net/Development/FullscreenOverlayStyles/js/demo1.js"></script>
  840. </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!