Advertisement
tomkirk

Pack 3:1

Mar 5th, 2014
3,314
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.95 KB | None | 0 0
  1. <!--
  2. [ T H E M E B Y ]
  3.  
  4. ○ ● ○
  5.  
  6. [ T O M K I R K ]
  7.  
  8.  
  9.  
  10. -->
  11. <html>
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13. <html xmlns="http://www.w3.org/1999/xhtml">
  14. <head>
  15. <!--Default Variables-->
  16. <!--Colors-->
  17. <meta name="color:Background" content="#ffffff"/>
  18. <meta name="color:Border" content="#000000"/>
  19. <meta name="color:Ask Background" content="#f7f7f7"/>
  20. <meta name="color:Ask Text" content="#000000"/>
  21. <meta name="color:Text" content="#000000"/>
  22. <meta name="color:Link" content="#ffa9a9"/>
  23. <meta name="color:Link Hover" content="#000000"/>
  24. <meta name="color:Perma" content="#f7f7f7"/>
  25. <meta name="color:Perma Text" content="#000000"/>
  26. <meta name="color:Scrollbar" content="#e8e8e8"/>
  27. <meta name="color:Tool Tip" content="#000000"/>
  28. <meta name="color:Tool Tip Text" content="#ffffff"/>
  29.  
  30. <!--Options-->
  31. <meta name="if:Faded Images" content=""/>
  32. <meta name="if:Inverted Images" content=""/>
  33. <meta name="if:Captions" content="1"/>
  34. <meta name="if:Tiny Cursor" content=""/>
  35. <meta name="if:Crosshair Cursor" content=""/>
  36. <meta name="if:Infinite Scrolling" content=""/>
  37. <meta name="if:Custom Scrollbar" content="1"/>
  38. <meta name="if:Full Bkg Img" content="1" />
  39.  
  40. <!--Images-->
  41. <meta name="image:Background" content""/>
  42.  
  43. <!--Links-->
  44. <meta name="text:Link 1 URL" content="/"/>
  45. <meta name="text:Link 1 name" content=""/>
  46. <meta name="text:Link 2 URL" content="/"/>
  47. <meta name="text:Link 2 name" content=""/>
  48. <meta name="text:Link 3 URL" content="/"/>
  49. <meta name="text:Link 3 name" content=""/>
  50. <meta name="text:Link 4 URL" content="/"/>
  51. <meta name="text:Link 4 name" content=""/>
  52.  
  53. <script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?7"></script>
  54.  
  55. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  56.  
  57. <script src="jquery.js"></script>
  58. <script>
  59. $(document).ready(function(){
  60. $("#click").click(function(){
  61. $("#guts").slideToggle("fast");
  62. });
  63. });
  64. </script>
  65.  
  66.  
  67. {block:ifInfiniteScrolling}
  68. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  69. {/block:ifInfiniteScrolling}
  70.  
  71. {block:Description}
  72. <meta name="description" content="{MetaDescription}" />{/block:Description}
  73. <title>
  74. {block:PostSummary}
  75. {PostSummary} - {/block:PostSummary}{Title}</title>
  76. </style>
  77.  
  78. <style type="text/css">
  79.  
  80. {block:ifInvertedImages}img{
  81. opacity: 1;
  82. filter:alpha(opacity=10);
  83. -moz-opacity: 0.1;
  84. -moz-transition: all .9s ease;
  85. -o-transition: all .9s ease;
  86. transition: all .9s ease;
  87. -webkit-transition: all .9s ease;}
  88. {/block:ifInvertedImages}
  89. {block:ifInvertedImages} img:hover{
  90. opacity: .8;
  91. filter:alpha(opacity=100);
  92. -moz-opacity: 1;
  93. -moz-transition: all .9s ease;
  94. -o-transition: all .9s ease;
  95. transition: all .9s ease;
  96. -webkit-transition: all .9s ease;}
  97. {/block:ifInvertedImages}
  98. {block:ifFadedImages}img{
  99. opacity: .8;
  100. filter:alpha(opacity=10);
  101. -moz-opacity: 0.1;
  102. -moz-transition: all .9s ease;
  103. -o-transition: all .9s ease;
  104. transition: all .9s ease;
  105. -webkit-transition: all .9s ease;}
  106. {/block:ifFadedImages}
  107. {block:ifFadedImages} img:hover{
  108. opacity: 1;
  109. filter:alpha(opacity=100);
  110. -moz-opacity: 1;
  111. -moz-transition: all .9s ease;
  112. -o-transition: all .9s ease;
  113. transition: all .9s ease;
  114. -webkit-transition: all .9s ease;}
  115. {/block:ifFadedImages}
  116. {block:ifInvertedImages}.photo {
  117. opacity: 1;
  118. filter:alpha(opacity=10);
  119. -moz-opacity: 0.1;
  120. -moz-transition: all .9s ease;
  121. -o-transition: all .9s ease;
  122. transition: all .9s ease;
  123. -webkit-transition: all .9s ease;}
  124. {/block:ifInvertedImages}
  125. {block:ifInvertedImages}.photo:hover{
  126. opacity: .8;
  127. filter:alpha(opacity=100);
  128. -moz-opacity: 1;
  129. -moz-transition: all .9s ease;
  130. -o-transition: all .9s ease;
  131. transition: all .9s ease;
  132. -webkit-transition: all .9s ease;}
  133. {/block:ifInvertedImages}
  134. {block:ifFadedImages}.photo {
  135. opacity: .8;
  136. filter:alpha(opacity=10);
  137. -moz-opacity: 0.1;
  138. -moz-transition: all .9s ease;
  139. -o-transition: all .9s ease;
  140. transition: all .9s ease;
  141. -webkit-transition: all .9s ease;}
  142. {/block:ifFadedImages}
  143. {block:ifFadedImages}.photo:hover{
  144. opacity: 1;
  145. filter:alpha(opacity=100);
  146. -moz-opacity: 1;
  147. -moz-transition: all .9s ease;
  148. -o-transition: all .9s ease;
  149. transition: all .9s ease;
  150. -webkit-transition: all .9s ease;}
  151. {/block:ifFadedImages}
  152. .photo{overflow:hidden;}
  153. iframe#tumblr_controls {-webkit-filter:invert(100%);right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  154. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  155. {block:ifCustomScrollbar}
  156. ::-webkit-scrollbar {width:16px; height:16px; background: {color:Background};}
  157. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar}; border-top:5px solid {color:Background};border-right:5px solid {color:Background};border-bottom:5px solid {color:Background};border-left:5px solid {color:Background};}
  158. {/block:ifCustomScrollbar}
  159. body{background-color: {color:Background};background-image:url({image:Background});background-attachment:fixed;background-repeat:repeat;background-position:center; font-family:calibri;font-size:11px;line-height:12px;color:{color:Text};{block:ifTinyCursor}cursor:url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), progress;{/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}{block:ifFullBkgImg}background-size:100% 100%;{/block:ifFullBkgImg}}
  160. a:link, a:active, a:visited{color: {color:Link};text-decoration:none;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}
  161. a:hover{color:{color:Link Hover};{block:ifTinyCursor}cursor:url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), progress;
  162. {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}}
  163. #guts,#click{padding:1px;display:inline-block;}
  164. #click{padding:1px;font-size:22px;}
  165. #click:hover{cursor:help;}
  166. #guts{padding:1px;display:none;width:120px;margin-top:30px;}
  167. #container {margin:auto;padding-bottom:10px;{block:IndexPage}width:300px;{/block:IndexPage}{block:PermalinkPage}width:450px;{/block:PermalinkPage}padding-left:30px;z-index:99;}
  168. #fix {position:fixed;margin-left:-30px;height:100%;margin-top:10px;padding-top:20px;padding-bottom:10px;{block:IndexPage}width:300px;{/block:IndexPage}{block:PermalinkPage}width:450px;{/block:PermalinkPage}border-right:1px solid {color:Border};border-left:1px solid {color:Border};padding-left:30px;z-index:-1;}
  169. #entry {margin-top:50px;margin-bottom:60px;{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:400px;{/block:PermalinkPage}padding:9px;background:white;border:1px solid {color:Border};}
  170. #entry img{{block:IndexPage}display:block;max-width:250px;{/block:IndexPage}{block:PermalinkPage}max-width:400px;{/block:PermalinkPage}}
  171. #entry #permalink {display:block;opacity:1;padding:1px;border:1px solid {color:Perma};margin-top:9px;text-align:center;letter-spacing:1px;font-size:9px;text-transform:uppercase;z-index:1;background:{color:Perma};-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease; transition: all 0.5s ease;}
  172. #entry #permalink a{color:{color:Perma Text};}
  173. #entry #permalink a:hover{text-decoration:line-through;color:{color:Perma Text};}
  174. #permalinkpage{position:relative;padding-top:5px;}
  175. #header{position:fixed;top:0;left:0;padding:5px;height:30px;width:100%;text-align:left;background:white;border-bottom:1px solid {color:Border};z-index:9999;}
  176. .navigate a{display:inline-block;font-size:9px;letter-spacing:1px;text-transform:uppercase;z-index:1;padding:3px;padding-right:5px;padding-left:5px;}
  177. .navigate a:hover{color:{color:Link};}
  178. .navigate1 a{background:{color:Perma};}.navigate1 a:hover{color:{color:Perma Text};text-decoration:line-through;}
  179. .sand {border-top: 2px solid transparent;border-bottom: 2px solid transparent;}
  180. #wave { position:absolute;left:0;width:40px;height: 14px;border-top:2px solid {color:Perma};border-bottom:2px solid {color:Perma};z-index:-1;}
  181. #sea {list-style:none;position:fixed;width: 500px;margin-left:60px;}
  182. #sea li {display: inline-block; }
  183. .current_page_item a {color: {color:Perma Text}; }
  184. #ask {padding:4px;border:1px outset {color:Border};background:{color:Ask Background}}
  185. .askername{position:Absolute;margin-top:-26px;margin-left:37px;padding-bottom:2px;margin-bottom:1px;}
  186. .askername a{color:{color:Ask Text};} .askername a:hover{text-decoration:underline;}
  187. .askerimg{padding-bottom:4px;margin-bottom:1px;border-bottom:1px solid {color:Border}}
  188. .askerimg img{width:30px;}
  189. .posttitle{font-size:15px; line-height:16px;padding-bottom:2px;}
  190. .posttitle a{color:{color:Post Title};}
  191. .posttitle a:hover{color:{color:Link Hover};}
  192. blockquote{padding-left:5px;margin-left:15px;margin-right:0px;margin-top:5px;margin-bottom:0px;border-left:2px solid {color:Link};}
  193. blockquote p, ul{margin:0px; padding:0px;}
  194. .chat .line{padding: 2px;}
  195. .label {font-weight:bold; color:{color:text}}
  196. a img{border: 0px;}
  197. .p { padding-top: 5px; }
  198. .ol, ul { margin-left: 10px; padding: 5px; }
  199. .ul { list-style-type: square; }
  200. .notes img{width:10px; position:left; top:3px; -webkit-border-radius: 10px;
  201. -moz-border-radius: 10px; border-radius: 10px; margin-right:5px; line-height:15px;}
  202. #pgs{margin-right:120px;margin-top:10px;margin-bottom:30px;}#pgs a:hover{text-decoration:underline;}
  203. #s-m-t-tooltip {max-width:300px;padding:1px;padding-left:3px;padding-right:3px;margin:25px 20px 25px 20px;background-color:{color:Tool Tip};color:{color:Tool Tip Text};line-height:9px;text-transform:uppercase;font-family:calibri;letter-spacing:1px;font-size:8px;color:{color:Tool Tip Text};z-index:999999999999999999999999999999999999;}
  204. {CustomCSS}
  205. </style>
  206.  
  207. <link rel="shortcut icon" href="{Favicon}">
  208. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  209.  
  210. </head>
  211. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  212.  
  213. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  214.  
  215. <script src="http://static.tumblr.com/bbujivt/UTxn1xxhb/static.txt"></script>
  216.  
  217. <script>
  218. (function($){
  219. $(document).ready(function(){
  220. $("a[title]").style_my_tooltips({
  221. tip_follows_cursor:true,
  222. tip_delay_time:90,
  223. tip_fade_speed:100,
  224. attribute:"title"
  225. });
  226. });
  227. })(jQuery);
  228. </script>
  229. <body>
  230. <div id="container">
  231. <div id="header">
  232. <span class="navigate">
  233. <span class="sand">
  234. <ul class="group" id="sea">
  235. <span class="navigate1"><li class="current_page_item"><a href="/">{Title}</a></li></span>&nbsp;&nbsp;
  236. <li><a href="{text:Link 1 URL}">{text:Link 1 name}</a></li>
  237. &nbsp;&nbsp;
  238. <li><a href="{text:Link 2 URL}">{text:Link 2 name}</a></li>
  239. &nbsp;&nbsp;
  240. <li><a href="{text:Link 3 URL}">{text:Link 3 name}</a> </li>
  241. &nbsp;&nbsp;
  242. <li><a href="{text:Link 4 URL}">{text:Link 4 name}</a></li>
  243. </ul>
  244. </span>
  245. </span>
  246. <div style="position:fixed;top:0;left:0;margin-left:30px;margin-top:12px;">
  247. <div id="click">+</div>
  248. <div id="guts">{Description}</div>
  249. </div>
  250.  
  251. </div>
  252. <br><br><br>
  253. <div id="ins">
  254. {block:Posts}
  255. <div id="entry">
  256.  
  257. {block:Answer}<div id="ask"><div class="askerimg"><img src="{AskerPortraitURL-128}" style="-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;border:1px solid {color:Border};"></div><span class="askername"> {Asker} asked:</span> <span style="padding-left:3px;padding-right:3px;">{Question}</span></div>{Answer}{/block:Answer}
  258.  
  259. {block:Text}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}{Body}{/block:Text}
  260.  
  261. {block:Link}<div class="posttitle"><a href="{URL}">{Name} »</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  262.  
  263. {block:Photo}{LinkOpenTag}<div id="pic"><a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></a></div>{LinkCloseTag}{block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}{block:ifNotCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifNotCaptions}
  264. {block:ContentSource}
  265. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  266. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  267. {/block:SourceLogo}
  268. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  269. {/block:ContentSource}
  270. {block:ReblogParentURL}
  271. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  272. {/block:ReblogParentURL}{/block:Photo}
  273.  
  274. {block:Photoset}<center>{block:IndexPage}<div class="photo">{Photoset-250}</div>{/block:IndexPage}{block:PermalinkPage}<div class="photo">{Photoset-400}</div>{/block:PermalinkPage}</center>{block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}{block:ifNotCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifNotCaptions}{/block:Photoset}
  275.  
  276. {block:Quote}<div class="posttitle">"{Quote}"</div>{block:Source}<i> - {Source}</i>{/block:Source}{/block:Quote}
  277.  
  278. {block:Chat}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}<div class="chat">{block:Lines}<div class="chat"><div class="line {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<b>{Label} </b>{/block:Label}{Line}</div></div></div>{/block:Lines}</div>{/block:Chat}
  279.  
  280. {block:Audio}
  281. {block:AlbumArt}<img src="{AlbumArtURL}" style="{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}display:block;width:500px;{/block:PermalinkPage}">{/block:AlbumArt}
  282. <div style="background:black;padding:10px;">{AudioPlayerBlack}</div>
  283. {block:Caption}{Caption}{/block:Caption}
  284. {/block:Audio}
  285.  
  286. {block:Video}<div class="photo"><center>{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}</center></div>{block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}{block:ifNotCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifNotCaptions}{/block:Video}
  287.  
  288. {block:IndexPage}<div id="permalink"><a href="{Permalink}">{NoteCount}</a> </div>{/block:IndexPage}
  289.  
  290. {block:PermalinkPage}
  291. {block:Date}
  292. <div id="permalinkpage">
  293. <b>Posted:</b> {TimeAgo} on
  294. {ShortMonth} {DayofMonth},{Year} at
  295. {12Hour}:{Minutes} {CapitalAmPm}
  296. {/block:Date}
  297. {block:NoteCount}<br>
  298. <b>Notes:</b>
  299. {NoteCount}
  300. {/block:NoteCount}
  301. {block:HasTags}
  302. <br>
  303. <b>Tags:</b>
  304. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  305. {/block:Tags}
  306. {/block:HasTags}
  307. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>· (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  308. {block:PostNotes}
  309. {PostNotes}
  310. {/block:PostNotes}
  311. {/block:Date}
  312. {/block:PermalinkPage}
  313. </div>
  314.  
  315. {/block:Posts}
  316.  
  317. {block:ifNotInfiniteScrolling}
  318. <div id="pgs">
  319. {block:Pagination}
  320. {block:PreviousPage} <span class="navigate"><a href="{PreviousPage}">previous</a></span> {/block:PreviousPage}
  321. &nbsp;&nbsp;
  322. {block:NextPage} <span class="navigate"> <a href="{NextPage}">next</a></span> {/block:NextPage}
  323. {/block:Pagination}
  324. </div>
  325. {/block:ifNotInfiniteScrolling}
  326. {block:IndexPage}
  327. <form action="/search" id="nav-search" method="get">
  328. <input name="q" type="text" value="{SearchQuery}"style="margin-top:4px;background:#f7f7f7;border:0px inset {color:Border};font-family:calibri;font-size:10px;width:220px;margin-bottom:10px;"/>
  329. <input type="submit" class="search-button" value="search" style="font-family:calibri;text-transform:uppercase;font-size:10px;line-height:6px;letter-spacing:1px;border:0px outset {color:Perma};margin-left:5px;padding:4px;background:{color:Perma};color:{color:Perma Text};"/>
  330. {block:IndexPage}
  331.  
  332. <div style="position:fixed;right:0;bottom:0;padding:15px;">
  333. <a title="theme by tomkirk"href="http://tomkirk.tumblr.com/">▲</a>
  334. </div>
  335. </div>
  336. </div>
  337. </body>
  338. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement