Advertisement
kawaiibuu

Horizon theme

Jun 3rd, 2014
6,532
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.16 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html lang="en">
  4. <head>
  5. <!--
  6.  
  7. - HORIZON THEME -
  8. http://jubileethemes.tumblr.com
  9. DO NOT REMOVE CREDIT DO NOT TAKE
  10. PARTS OF THE CODING DO NOT USE
  11. AS A BASE
  12.  
  13. -->
  14. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700italic,700,900,900italic' rel='stylesheet' type='text/css'>
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16. <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
  17. {PostSummary} - {/block:PostSummary}{Title}</title>
  18. <meta name="color:background" content="#000"/>
  19. <meta name="color:text" content="#fff"/>
  20. <meta name="color:links" content="#fff"/>
  21. <meta name="color:photo hover" content="#000"/>
  22. <meta name="color:photo hover text" content="#fff"/>
  23. <meta name="image:background" content=""/>
  24. <meta name="if:white tumblr navigation" content=""/>
  25. <meta name="if:background cover" content=""/>
  26. <meta name="text:title size" content="45"/>
  27. <meta name="text:font size" content="10"/>
  28. <meta name="text:about tab title" content="info"/>
  29. <meta name="text:message tab title" content="contact"/>
  30. <meta name="text:message tab description" content="make sure to include your url in the url text area, only include your actual url do NOT include .tumblr.com"/>
  31. <meta name="text:tags tab title" content="tags"/>
  32. <meta name="text:misc tab title" content="more"/>
  33. <meta name="text:misc tab content" content="put whatever here like networks, updates, etc."/>
  34. <meta name="text:photo hover opacity" content="0.7"/>
  35. <meta name="text:link 1 title" content="I" />
  36. <meta name="text:link 1 url" content="" />
  37. <meta name="text:link 2 title" content="II" />
  38. <meta name="text:link 2 url" content="" />
  39. <meta name="text:link 3 title" content="III" />
  40. <meta name="text:link 3 url" content="" />
  41. <meta name="text:link 4 title" content="IV" />
  42. <meta name="text:link 4 url" content="" />
  43. <meta name="text:link 5 title" content="V" />
  44. <meta name="text:link 5 url" content="" />
  45. <meta name="text:link 6 title" content="VI" />
  46. <meta name="text:link 6 url" content="" />
  47. <meta name="text:tag 1 title" content="tag I" />
  48. <meta name="text:tag 1 url" content="" />
  49. <meta name="text:tag 2 title" content="tag II" />
  50. <meta name="text:tag 2 url" content="" />
  51. <meta name="text:tag 3 title" content="tag III" />
  52. <meta name="text:tag 3 url" content="" />
  53. <meta name="text:tag 4 title" content="tag IV" />
  54. <meta name="text:tag 4 url" content="" />
  55. <meta name="text:tag 5 title" content="tag V" />
  56. <meta name="text:tag 5 url" content="" />
  57. <meta name="text:tag 6 title" content="tag VI" />
  58. <meta name="text:tag 6 url" content="" />
  59. <meta name="text:tag 7 title" content="tag VII" />
  60. <meta name="text:tag 7 url" content="" />
  61. <meta name="text:tag 8 title" content="tag VIII" />
  62. <meta name="text:tag 8 url" content="" />
  63. <meta name="text:tag 9 title" content="tag IX" />
  64. <meta name="text:tag 9 url" content="" />
  65. <meta name="text:tag 10 title" content="tag X" />
  66. <meta name="text:tag 10 url" content="" />
  67. <meta name="text:tag 11 title" content="tag XI" />
  68. <meta name="text:tag 11 url" content="" />
  69. <meta name="text:tag 12 title" content="tag XII" />
  70. <meta name="text:tag 12 url" content="" />
  71. <style type="text/css">
  72. iframe#tumblr_controls{ top: 1px !important;
  73. margin: 0 0 0 0; {block:ifwhitetumblrnavigation}-webkit-filter: invert(100%); {/block:ifwhitetumblrnavigation}right: 6px !important; position: fixed !important; }
  74. body{ margin: 0px; background: {color:background} url({image:background})top left fixed repeat; {block:ifbackgroundcover} background-size:cover; {/block:ifbackgroundcover} letter-spacing: 1px; font: {text:font size}px 'Roboto', sans-serif; font-weight: 300; color: {color:text}; }
  75. a:link, a:active, a:visited { color: {color:links}; text-decoration:none; cursor: pointer; }
  76. ::-webkit-scrollbar { background: {color:background}; height: 10px; }
  77. ::-webkit-scrollbar-thumb { background: {color:text}; border: 4px solid {color:background}; border-left: 25px solid {color:background}; }
  78.  
  79. #content{ {block:IndexPage}margin: 50px 0px 0px 0px; {/block:IndexPage}{block:PermalinkPage}width: 500px; margin: 150px auto; {/block:PermalinkPage}
  80. }
  81. #head{ height: 100px; padding: 45px 0px 0px 0px; position: fixed;
  82. top: 0px; left: 55px; z-index: 1; }
  83. .title{ font-weight: 300; font-size: {text:title size}px; font-style: italic; text-shadow: 0; font-family: 'Open Sans Condensed', sans-serif;
  84. text-transform: uppercase; }
  85. .entry {max-width: 1000px; min-width: 300px; text-align: center;
  86. {block:IndexPage}height: 500px; margin: 150px;{/block:IndexPage} overflow: hidden!important; }
  87. .perma { font-style: italic; font-weight: 400; min-width: 300px; padding: 10px; margin-top: 5px; position:absolute; z-index: 99; text-transform: uppercase; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; color: {color:photo hover text};
  88. -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
  89. .perma a { color: {color:photo hover text}; }
  90. .entry:hover .perma { opacity: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
  91. .entry img {{block:IndexPage}max-width: 1000px; height: 500px;{/block:IndexPage} }
  92. blockquote{ padding: 0px 0px 0px 5px; margin: 0px 0px 2px 1px; }
  93. .posttitle{ font-size: 12px; text-transform: uppercase; }
  94. #chat li {padding: 4px; margin-top: 2px;}
  95. #chat ul{ list-style: none; padding: 0px; margin-top: 5px; margin-bottom: 10px; width: 500px; }
  96. #postnotes{width: 500px; {block:IndexPage}display: none;{/block:IndexPage}}
  97. ol.notes{ padding: 0px; margin: 25px 0px; list-style-type: none; }
  98. ol.notes li.note{ padding: 4px; }
  99. ol.notes li.note img.avatar{ vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; border-radius: 100%; }
  100. ol.notes li.note span.action{ font-weight: normal; }
  101. ol.notes li.note .answer_content{ font-weight: normal; }
  102. ol.notes li.note blockquote{ padding: 0px 0px 0px 5px; margin: 0px 0px 2px 35px; }
  103. ol.notes li.note blockquote a{text-decoration: none; }
  104. .navigation{ display:none; }
  105. .entry .photoset a:first-child { display:block !important; border:0 !important; padding:0 !important; } .entry .photoset a { display:none; }
  106. .links { position:absolute; padding: 2px; width: 150px; text-transform: uppercase; } .links a { border-bottom: 1px solid transparent; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .links a:hover { border-bottom: 1px solid {color:links}; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  107. #tab1, #tab2, #tab3, #tab4 { display:none; position:relative; } #tab1 { display: block; } .inner { padding: 10px 200px; } .inner li { list-style: none; } .inner li a { text-transform: none; } .inner a { border-bottom: 1px solid transparent; line-height: 26px; text-transform: uppercase; padding: 0px 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  108. .inner a:hover { border-bottom: 1px solid {color:links}; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .lint { padding: 15px; }
  109. nav a { border-bottom: 1px solid transparent; line-height: 26px; text-transform: uppercase; padding: 0px 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } nav a:hover { border-bottom: 1px solid {color:links}; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  110. .t { background: {color:background}; height: 35px; width: 100%; position: fixed; top: 0px; left: 0px;z-index: 999;} .b { background: {color:background}; height: 25px; width: 100%; position: fixed; bottom: 0px; left: 0px;z-index: 999;} .l { background: {color:background}; height: 100%; width: 35px; position: fixed; top: 0px; left: 0px;z-index: 999;} .r { background: {color:background}; height: 100%; width: 35px; position: fixed; top: 0px; right: 0px; z-index: 999;} .nextt { position: fixed; right: 10px; top: 45px; text-transform: uppercase; z-index: 99999; font: 24px consolas; }
  111. .nextt a { color: {color:links}; }
  112. .caption { position: relative; padding: 15px; margin: 0px; margin-top: -520px; background: rgba({RGBcolor:photo hover}, {text:photo hover opacity}); width: 100%; color: {color:photo hover text}; opacity: 0; -webkit-transition: all 0.35s ease-in-out; height: 100%; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .caption a { color: {color:photo hover text}; } .entry:hover .caption { opacity: 1; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-ms-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out; } .text { top: 40%; position: absolute; width: 95%; text-align: center; text-shadow: 1px 1px 0px rgba(150, 150, 150, 0.5); overflow: auto; margin-left: -25px; } .text a { text-transform: uppercase; } .caption blockquote { margin: 0px; }
  113. ::selection { background: {color:background}; text-shadow: 1px 1px 0px rgba(150, 150, 150, 0.5); color: {color:text}; -webkit-filter: invert(100%); } ::-moz-selection { background: {color:background}; text-shadow: 1px 1px 0px rgba(150, 150, 150, 0.5); color: {color:text}; -webkit-filter: invert(100%); } ::-webkit-selection { background: {color:background}; text-shadow: 1px 1px 0px rgba(150, 150, 150, 0.5); color: {color:text}; -webkit-filter: invert(100%); }
  114. .holder { padding: 15px; width: 400px; height: 100px; overflow: auto; text-align: center; position: absolute; margin-top: -90px; margin-left: 500px; background: {color:background} url({image:background})top left fixed repeat; {block:ifbackgroundcover} background-size:cover; {/block:ifbackgroundcover} } .holder a { padding: 0px 10px; }
  115. .overlay { position: fixed; width: 100%; color: {color:text}; font-weight: 400; height: 100%; top: 0px; left: 0px; z-index: 999999 !important; background: {color:background} url({image:background})top left fixed repeat; {block:ifbackgroundcover} background-size:cover; {/block:ifbackgroundcover} } button { background: none; border: none; outline: none; font-weight: 500; font-size: 10px; letter-spacing: 1px; color: {color:text}; font-family: 'Roboto', sans-serif; text-transform: uppercase; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-bottom: 1px solid transparent; } button:hover { border-bottom: 1px solid {color:links}; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  116. .overlay .overlay-close { position: absolute; left: 50%; font-family: 'Roboto', sans-serif; bottom: 30px; width: 55px; height:35px; margin-left: -30px; letter-spacing: 1px; text-align:center; cursor:pointer; border: none; color: {color:text}; z-index: 99999; text-transform: uppercase; font-size: 18px; background:transparent; outline: none; }
  117. .overlay nav { text-align:center; position: relative; top: 20%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  118. .overlay-hugeinc { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } .overlay-hugeinc.open { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
  119. .overlay-hugeinc nav { -webkit-perspective: 1200px; perspective: 1200px; }
  120. .overlay-hugeinc nav { opacity: 0.4; -webkit-transform: translateY(-25%) rotateX(35deg); transform: translateY(-25%) rotateX(35deg); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; } .overlay-hugeinc.open nav { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
  121. .overlay-hugeinc.close nav { -webkit-transform: translateY(25%) rotateX(-35deg); transform: translateY(25%) rotateX(-35deg); }
  122. @media screen and (max-height: 30.5em) { .overlay nav { height: 70%; } }
  123. {CustomCSS}
  124. </style>
  125. <link rel="shortcut icon" href="{Favicon}"><link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  126. <script>
  127. $(document).ready(function(){
  128. $("a.one").click(function(){
  129. $("#tab1").show('slow'); $("#tab2").hide('slow'); $("#tab3").hide('slow'); $("#tab4").hide('slow'); });
  130. $("a.two").click(function(){
  131. $("#tab1").hide('slow'); $("#tab2").show('slow'); $("#tab3").hide('slow'); $("#tab4").hide('slow'); });
  132. $("a.three").click(function(){
  133. $("#tab1").hide('slow'); $("#tab2").hide('slow'); $("#tab3").show('slow'); $("#tab4").hide('slow'); });
  134. $("a.four").click(function(){
  135. $("#tab1").hide('slow'); $("#tab2").hide('slow'); $("#tab3").hide('slow'); $("#tab4").show('slow');});});
  136. </script>
  137. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  138. <script type="text/javascript">
  139. jQuery(document).ready(function() { jQuery(".holder").hide(); jQuery(".hold").click(function() { jQuery(".holder").animate({ opacity: "toggle", height: "toggle" }, 300); }); }); </script>
  140. <script src="http://tympanus.net/Development/FullscreenOverlayStyles/js/modernizr.custom.js"></script><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
  141. <script type="text/javascript">
  142. $(document).ready(function() {
  143. $("body").css("display", "none");
  144. $("body").fadeIn(800);
  145. $("a.transition").click(function(event){
  146. event.preventDefault();
  147. linkLocation = this.href;
  148. $("body").fadeOut(1000, redirectPage);
  149. });
  150. function redirectPage() {
  151. window.location = linkLocation;
  152. }
  153. });
  154. </script>
  155. {block:IndexPage}
  156. <script src="http://static.tumblr.com/fiton9k/T5Mlg92fv/jquery-1.2.6.min.js" type="text/javascript" charset="utf-8"></script>
  157. <script src="http://static.tumblr.com/fiton9k/D0Plgbx3t/hscroll.js" type="text/javascript" charset="utf-8"></script>
  158. <script type="text/javascript" charset="utf-8">
  159. $(function(){
  160. $(".horizontal").wrapInner("<table><tr>");
  161. $(".entry").wrap("<td>");
  162. });
  163. </script>
  164. {/block:IndexPage}
  165. </head><body><div class="t"></div><div class="b"></div><div class="l"></div><div class="r"></div><div id="head"><div class="title"><a href="/">{title}</a></div><div class="links"><button id="trigger-overlay" type="button">explore</button></div></div>
  166.  
  167. <div id="content" class="horizontal">
  168. {block:Posts}
  169. {block:ContentSource}
  170. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  171. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  172. {/block:SourceLogo}
  173. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  174. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  175. <div class="entry"> {block:IndexPage}<div class="perma"><a href="{Permalink}">{NoteCountWithLabel}</a> &mdash; {block:Date}{Month} {DayofMonth} {Year}{/block:Date} &mdash; <a href="{ReblogURL}" target="_blank" class="details" >reblog</a> {block:HasTags} {block:Tags} &mdash; <a href="/tagged/{Tag}" target="blank">#{Tag}</a>{/block:Tags}{/block:hasTags}</div>{/block:IndexPage}
  176.  
  177. {block:Text}
  178. <br><br><br>
  179. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  180. {Body}
  181. {/block:Text}
  182.  
  183. {block:Photo}
  184. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  185. {block:IndexPage}<div class="photo">{/block:IndexPage}<img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:PermalinkPage}width="500"{/block:PermalinkPage}/>{block:IndexPage}</div>{/block:IndexPage}<p>
  186. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}{block:IndexPage}
  187. <div class="caption"><div class="text">{Caption}</div></div>{/block:IndexPage}
  188. {/block:Photo}
  189.  
  190. {block:Photoset}
  191. <div class="photo"><div class="photoset">
  192. {block:IndexPage}{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-HighRes}"></a>{/block:Photos}{/block:IndexPage}</div></div>
  193. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  194. <p>{block:IndexPage}
  195. <div class="caption"><div class="text">{Caption}</div></div>{/block:IndexPage}
  196. {/block:Photoset}
  197.  
  198. {block:Quote}
  199. <br><br><br>
  200. <div class="posttitle">&nbsp;{Quote}</div>
  201. {block:Source}<p>&mdash;&nbsp;{Source}</p>{/block:Source}
  202. {/block:Quote}
  203.  
  204. {block:Link}
  205. <br><br><br>
  206. <div class="posttitle"><a href="{URL}">{Name}</a></div>
  207. {block:Description}{Description}{/block:Description}
  208. {/block:Link}
  209.  
  210. {block:Chat}
  211. <br><br><br>
  212. {block:Title}<span class="posttitle">{Title}</span>{/block:Title}
  213. <div id="chat" style="text-align: left;">
  214. <ul>{block:Lines}<li>
  215. {block:Label}{Label}{/block:Label}
  216. <i style="float: right; padding: 5px; text-align: right;">{Line}</i>
  217. </li>{/block:Lines}</ul>
  218. </div>
  219. {/block:Chat}
  220.  
  221. {block:Audio}
  222. <br><br><br>
  223. <div style="background: black; color: white; font-weight: 800; padding: 15px 15px 10px 15px;">{block:AlbumArt}<a href="{permalink}"><img src="{AlbumArtURL}" height="400px"/></a>{/block:AlbumArt}
  224. <div style="width: 30px; overflow: hidden; position:absolute; margin-top: 5px;">
  225. {AudioPlayerBlack}</div><p style="padding: 3px; text-transform: uppercase; text-align: center;">{block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}</p></div>
  226. {/block:Audio}
  227.  
  228. {block:Video}
  229. <br><br>{Video-500}
  230. {/block:Video}
  231.  
  232. {block:Answer}
  233. <br><br><br>
  234. <b style="text-transform: uppercase;">{Asker} : {Question}</b>
  235. <i>{Answer}</i>
  236. {/block:answer}
  237.  
  238. {block:PermalinkPage}
  239. {block:Caption}
  240. {Caption}
  241. {/block:Caption}<br><br>
  242. Posted {TimeAgo} with {NoteCountWithLabel}<br>{block:HasTags}Tagged with {block:Tags}<a href="{TagURL}" style="margin-right:5px; text-decoration:underline;">#{Tag}</a>{/block:Tags}{/block:HasTags}<br>{block:RebloggedFrom}Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}{/block:PermalinkPage}
  243. <div id="postnotes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div></div>
  244. {/block:Posts}
  245. <div class="nextt">
  246. {block:Pagination}{block:PreviousPage} <a href="{PreviousPage}" title="back">ยซ</a> {/block:PreviousPage}
  247. {block:NextPage} <a href="{NextPage}" title="forward">ยป</a> {/block:NextPage}{/block:Pagination}</div>
  248. </div>
  249. <div class="overlay overlay-hugeinc">
  250. <button type="button" class="overlay-close">x</button>
  251. <nav>
  252. <a class="one" style="cursor:pointer;">{text:about tab title}</a> <a class="two" style="cursor:pointer;">{text:message tab title}</a> <a class="three" style="cursor:pointer;">{text:tags tab title}</a> <a class="four" style="cursor:pointer;">{text:misc tab title}</a> <a href="http://jubileethemes.tumblr.com">theme</a>
  253. <!-- DO NOT TOUCH THAT ^^ -->
  254. <div id="tab1"><div class="inner">{description}
  255. <div class="lint"> {block:iflink1title}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:iflink1title}{block:iflink2title}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:iflink2title}{block:iflink3title}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:iflink3title}{block:iflink4title}<a href="{text:link 4 url}">{text:link 4 title}</a>{/block:iflink4title}{block:iflink5title}<a href="{text:link 5 url}">{text:link 5 title}</a>{/block:iflink5title}{block:iflink6title}<a href="{text:link 6 url}">{text:link 6 title}</a>{/block:iflink6title} </div>
  256. </div></div>
  257. <div id="tab2"><div class="inner">
  258. {text:message tab description}
  259. <p><iframe frameborder="0" scrolling="no" width="500" height="260" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  260. </div></div>
  261. <div id="tab3"><div class="inner">
  262. {block:iftag1title}<a href="{text:tag 1 url}">{text:tag 1 title}</a>{/block:iftag1title}{block:iftag2title}<a href="{text:tag 2 url}">{text:tag 2 title}</a>{/block:iftag2title}{block:iftag3title}<a href="{text:tag 3 url}">{text:tag 3 title}</a>{/block:iftag3title}<br>{block:iftag4title}<a href="{text:tag 4 url}">{text:tag 4 title}</a>{/block:iftag4title}{block:iftag5title}<a href="{text:tag 5 url}">{text:tag 5 title}</a>{/block:iftag5title}{block:iftag6title}<a href="{text:tag 6 url}">{text:tag 6 title}</a>{/block:iftag6title}<br>{block:iftag7title}<a href="{text:tag 7 url}">{text:tag 7 title}</a>{/block:iftag7title}{block:iftag8title}<a href="{text:tag 8 url}">{text:tag 8 title}</a>{/block:iftag8title}{block:iftag9title}<a href="{text:tag 9 url}">{text:tag 9 title}</a>{/block:iftag9title}<br>{block:iftag10title}<a href="{text:tag 10 url}">{text:tag 10 title}</a>{/block:iftag10title}{block:iftag11title}<a href="{text:tag 11 url}">{text:tag 11 title}</a>{/block:iftag11title}{block:iftag12title}<a href="{text:tag 12 url}">{text:tag 12 title}</a>{/block:iftag12title}
  263. </div></div>
  264. <div id="tab4"><div class="inner">
  265. {text:misc tab content}
  266. </div></div>
  267. </nav></div>
  268. <script src="http://tympanus.net/Development/FullscreenOverlayStyles/js/classie.js"></script><script src="http://tympanus.net/Development/FullscreenOverlayStyles/js/demo1.js"></script>
  269. </body>
  270. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement