Advertisement
tomkirk

#022.2

Jan 5th, 2014
4,044
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.00 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:Buttons" content="#f7f7f7"/>
  20. <meta name="color:Buttons Border" content="#dedddd"/>
  21. <meta name="color:Buttons Text" content="#000000"/>
  22. <meta name="color:Text" content="#000000"/>
  23. <meta name="color:Link" content="#ffa9a9"/>
  24. <meta name="color:Link Hover" content="#000000"/>
  25. <meta name="color:Post Title" content="#ffa9a9"/>
  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:Blogtitle" content="1"/>
  39. <meta name="if:Sidepic" content="1"/>
  40. <meta name="if:Full Bkg Img" content="1" />
  41.  
  42. <!--Images-->
  43. <meta name="image:Background" content""/>
  44. <meta name="image:Side" content=""/>
  45.  
  46. <!--Links-->
  47. <meta name="text:Link 1 URL" content="/"/>
  48. <meta name="text:Link 1 name" content=""/>
  49. <meta name="text:Link 2 URL" content="/"/>
  50. <meta name="text:Link 2 name" content=""/>
  51. <meta name="text:Link 3 URL" content="/"/>
  52. <meta name="text:Link 3 name" content=""/>
  53. <meta name="text:Link 4 URL" content="/"/>
  54. <meta name="text:Link 4 name" content=""/>
  55.  
  56. <script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?7"></script>
  57.  
  58.  
  59. {block:ifInfiniteScrolling}
  60. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  61. {/block:ifInfiniteScrolling}
  62.  
  63. {block:Description}
  64. <meta name="description" content="{MetaDescription}" />{/block:Description}
  65. <title>
  66. {block:PostSummary}
  67. {PostSummary} - {/block:PostSummary}{Title}</title>
  68. </style>
  69.  
  70. <style type="text/css">
  71.  
  72. {block:ifInvertedImages}img{
  73. opacity: 1;
  74. filter:alpha(opacity=10);
  75. -moz-opacity: 0.1;
  76. -moz-transition: all .9s ease;
  77. -o-transition: all .9s ease;
  78. transition: all .9s ease;
  79. -webkit-transition: all .9s ease;}
  80. {/block:ifInvertedImages}
  81. {block:ifInvertedImages} img:hover{
  82. opacity: .8;
  83. filter:alpha(opacity=100);
  84. -moz-opacity: 1;
  85. -moz-transition: all .9s ease;
  86. -o-transition: all .9s ease;
  87. transition: all .9s ease;
  88. -webkit-transition: all .9s ease;}
  89. {/block:ifInvertedImages}
  90. {block:ifFadedImages}img{
  91. opacity: .8;
  92. filter:alpha(opacity=10);
  93. -moz-opacity: 0.1;
  94. -moz-transition: all .9s ease;
  95. -o-transition: all .9s ease;
  96. transition: all .9s ease;
  97. -webkit-transition: all .9s ease;}
  98. {/block:ifFadedImages}
  99. {block:ifFadedImages} img:hover{
  100. opacity: 1;
  101. filter:alpha(opacity=100);
  102. -moz-opacity: 1;
  103. -moz-transition: all .9s ease;
  104. -o-transition: all .9s ease;
  105. transition: all .9s ease;
  106. -webkit-transition: all .9s ease;}
  107. {/block:ifFadedImages}
  108. {block:ifInvertedImages}.photo {
  109. opacity: 1;
  110. filter:alpha(opacity=10);
  111. -moz-opacity: 0.1;
  112. -moz-transition: all .9s ease;
  113. -o-transition: all .9s ease;
  114. transition: all .9s ease;
  115. -webkit-transition: all .9s ease;}
  116. {/block:ifInvertedImages}
  117. {block:ifInvertedImages}.photo:hover{
  118. opacity: .8;
  119. filter:alpha(opacity=100);
  120. -moz-opacity: 1;
  121. -moz-transition: all .9s ease;
  122. -o-transition: all .9s ease;
  123. transition: all .9s ease;
  124. -webkit-transition: all .9s ease;}
  125. {/block:ifInvertedImages}
  126. {block:ifFadedImages}.photo {
  127. opacity: .8;
  128. filter:alpha(opacity=10);
  129. -moz-opacity: 0.1;
  130. -moz-transition: all .9s ease;
  131. -o-transition: all .9s ease;
  132. transition: all .9s ease;
  133. -webkit-transition: all .9s ease;}
  134. {/block:ifFadedImages}
  135. {block:ifFadedImages}.photo:hover{
  136. opacity: 1;
  137. filter:alpha(opacity=100);
  138. -moz-opacity: 1;
  139. -moz-transition: all .9s ease;
  140. -o-transition: all .9s ease;
  141. transition: all .9s ease;
  142. -webkit-transition: all .9s ease;}
  143. {/block:ifFadedImages}
  144. .photo{overflow:hidden;}
  145. 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;}
  146. 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;}
  147. {block:ifCustomScrollbar}
  148. ::-webkit-scrollbar {width:16px; height:16px; background: {color:Background};}
  149. ::-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};-webkit-border-radius: 100px;
  150. -moz-border-radius: 100px;border-radius: 100px;}
  151. {/block:ifCustomScrollbar}
  152. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  153. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  154. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  155. @font-face { font-family: "redensek"; src: url('http://static.tumblr.com/4yxykdm/ICUlrfl4t/redensek_1_.ttf'); }
  156. @font-face {font-family: 'pixel'; src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff'); }
  157. @font-face { font-family: "handy"; src: url('http://static.tumblr.com/yqxw8ss/qOClwq07v/handy00.ttf'); }
  158. @font-face { font-family: "tempesta"; src: url('http://static.tumblr.com/oct6d4x/Wvalo56tg/pf_ronda_seven.ttf'); }
  159. @font-face{font-family:Babydoll;src:url(http://static.tumblr.com/9wzbixa/MbMmj2fv0/babydoll.ttf);}
  160. @font-face{font-family: "Whipping Cream"; src:url('http://static.tumblr.com/npggxjg/EKvmfs0qx/whipping_cream.ttf');}
  161. body{background-color: {color:Background};background-image:url({image:Background});background-attachment:fixed;background-repeat:repeat;background-position:center; font-family:georgia;font-size:10px;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}}
  162. a:link, a:active, a:visited{color: {color:Link};text-decoration:none;-webkit-transition: all 0.0s ease;-moz-transition: all 0.0s ease;transition: all 0.0s ease;}
  163. a:hover{color:{color:Link Hover};{block:ifTinyCursor}cursor:url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), progress;
  164. {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}}
  165. #container {margin:auto; padding-top:80px;padding-bottom:10px;{block:IndexPage}width:300px;{/block:IndexPage}{block:PermalinkPage}width:400px;{/block:PermalinkPage}}
  166. #entry {margin-top:50px;margin-bottom:60px;{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:400px;{/block:PermalinkPage}background: ;padding:9px;border:0px solid {color:Border};}
  167. #entry img{{block:IndexPage}display:block;max-width:250px;{/block:IndexPage}{block:PermalinkPage}max-width:400px;{/block:PermalinkPage}}
  168. #entry #permalink{opacity:0;margin-top:5px;text-align:right;letter-spacing:1px;text-transform:uppercase;z-index:1;color:{color:Link};-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease; transition: all 0.5s ease;}
  169. #entry:hover #permalink{opacity:1;margin-top:5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
  170. #permalinkpage{position:relative;padding-top:5px;}
  171. #side {z-index:1;margin-top:20px;{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage} width:400px;{/block:PermalinkPage}background: ;padding:9px;border:0px solid {color:Border};}
  172. .navigate a{-webkit-transition: all 0.s ease;-moz-transition: all 0.s ease;transition: all 0.s ease; background:{color:Buttons};padding:2px;padding-left:3px;padding-right:3px;border:1px outset {color:Buttons Border};font-size:8px;text-transform:uppercase;font-family:pixel;letter-spacing:1px;margin-top:10px;color:{color:Buttons Text};}
  173. .navigate a:hover{ background:{color:Buttons};padding:2px;padding-left:3px;padding-right:3px;border:1px inset {color:Buttons Border};}
  174. #ask {padding:4px;border:1px outset {color:Buttons Border};background:{color:Buttons}}
  175. .askername{position:Absolute;margin-top:-26px;margin-left:37px;letter-spacing:1px;padding-bottom:2px;margin-bottom:1px;}
  176. .askername a{color:{color:Button Text};}
  177. .askerimg{padding-bottom:4px;margin-bottom:1px;border-bottom:1px solid {color:Border}}
  178. .askerimg img{width:30px;}
  179. .blogtitle{letter-spacing:1px;border-bottom:1px solid {color:Border};padding-bottom:4px;margin-bottom:4px;}
  180. .blogtitle a:hover{background:transparent;}
  181. .sp img{-webkit-border-radius: 422px;-moz-border-radius: 422px;border-radius: 422px;border:0px solid {color:Border};}
  182. .sp a:hover{background:transparent;}
  183. .posttitle{font-size:15px; line-height:16px;color:{color:Post Title};padding-bottom:2px;}
  184. .posttitle a{color:{color:Post Title};}
  185. .posttitle a:hover{color:{color:Link Hover};}
  186. blockquote{padding-left:5px;margin-left:15px;margin-right:0px;margin-top:5px;margin-bottom:0px;border-left:2px solid {color:Link};}
  187. blockquote p, ul{margin:0px; padding:0px;}
  188. .chat .line{padding: 2px;}
  189. .label {font-weight:bold; color:{color:text}}
  190. a img{border: 0px;}
  191. .p { padding-top: 5px; }
  192. .ol, ul { margin-left: 10px; padding: 5px; }
  193. .ul { list-style-type: square; }
  194. .audioplayer {height:27px;margin-bottom:6px;{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:400px;{/block:PermalinkPage}}
  195. .notes img{width:10px; position:left; top:3px; -webkit-border-radius: 10px;
  196. -moz-border-radius: 10px; border-radius: 10px; margin-right:5px; line-height:15px;}
  197. #pgs{margin-right:120px;margin-top:10px;margin-bottom:30px;}#pgs a{font-size:20px;}
  198. #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;font-family:pixel;letter-spacing:1px;font-size:8px;color:{color:Tool Tip Text};z-index:999999999999999999999999999999999999;-webkit-border-radius: 2px;
  199. -moz-border-radius: 2px;
  200. border-radius: 2px;}
  201.  
  202. {CustomCSS}
  203. </style>
  204.  
  205. <link rel="shortcut icon" href="{Favicon}">
  206. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  207.  
  208. </head>
  209. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  210.  
  211. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  212.  
  213. <script>
  214. (function($){
  215. $(document).ready(function(){
  216. $("a[title]").style_my_tooltips({
  217. tip_follows_cursor:true,
  218. tip_delay_time:90,
  219. tip_fade_speed:100,
  220. attribute:"title"
  221. });
  222. });
  223. })(jQuery);
  224. </script>
  225. <body>
  226. <div id="container">
  227. <div id="side">
  228. {block:ifSidePic}<div class="sp"><center> <a title="{Title}"href="/"><img src="{image:Side}"style="height:98px;width:98px;margin-bottom:5px;"></a></center></div> {/block:ifSidePic}
  229. <center>
  230. {block:ifBlogTitle}
  231. <div class="blogtitle"><a href="/">{Title}</a></div>
  232. {/block:ifBlogTitle}
  233. {Description}
  234. <div class="navigate">
  235. <div style="font-size:8px;text-transform:uppercase;font-family:pixel;letter-spacing:1px;margin-top:10px;">
  236. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>&nbsp;&nbsp;
  237. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>&nbsp;&nbsp;
  238. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>&nbsp;&nbsp;
  239. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  240. </div> </div>
  241. </center>
  242. </div>
  243.  
  244. <div id="posts">
  245. {block:Posts}
  246. <div id="entry">
  247.  
  248. {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}
  249.  
  250. {block:Text}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}{Body}{/block:Text}
  251.  
  252. {block:Link}<div class="posttitle"><a href="{URL}">{Name} »</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  253.  
  254. {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}
  255. {block:ContentSource}
  256. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  257. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  258. {/block:SourceLogo}
  259. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  260. {/block:ContentSource}
  261. {block:ReblogParentURL}
  262. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  263. {/block:ReblogParentURL}{/block:Photo}
  264.  
  265. {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}
  266.  
  267. {block:Quote}<div class="posttitle">"{Quote}"</div>{block:Source}<i> - {Source}</i>{/block:Source}{/block:Quote}
  268.  
  269. {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}
  270.  
  271. {block:Audio}{block:AudioPlayer}<div class="audioplayer">{AudioPlayerGrey}</div>{/block:AudioPlayer}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  272.  
  273. {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}
  274.  
  275. {block:IndexPage}<div id="permalink"><div class="navigate"><a href="{Permalink}">{NoteCount}</a> &nbsp; <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> </div></div>{/block:IndexPage}
  276.  
  277. {block:PermalinkPage}
  278. {block:Date}
  279. <div id="permalinkpage">
  280. <b>Posted:</b> {TimeAgo} on
  281. {ShortMonth} {DayofMonth},{Year} at
  282. {12Hour}:{Minutes} {CapitalAmPm}
  283. {/block:Date}
  284. {block:NoteCount}<br>
  285. <b>Notes:</b>
  286. {NoteCount}
  287. {/block:NoteCount}
  288. {block:HasTags}
  289. <br>
  290. <b>Tags:</b>
  291. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  292. {/block:Tags}
  293. {/block:HasTags}
  294. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>· (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  295. {block:PostNotes}
  296. {PostNotes}
  297. {/block:PostNotes}
  298. {/block:Date}
  299. {/block:PermalinkPage}
  300. </div>
  301.  
  302. {/block:Posts}
  303.  
  304. {block:ifNotInfiniteScrolling}
  305. <div id="pgs">
  306. {block:Pagination}
  307. {block:PreviousPage} <span class="navigate"><a href="{PreviousPage}">←</a></span> {/block:PreviousPage}
  308. &nbsp;&nbsp;
  309. {block:NextPage} <span class="navigate"> <a href="{NextPage}">→</a></span> {/block:NextPage}
  310. {/block:Pagination}
  311. </div>
  312. {/block:ifNotInfiniteScrolling}
  313. <div style="position:fixed;right:0;bottom:0;padding:15px;">
  314. <a title="theme by tomkirk"href="http://tomkirk.tumblr.com/">▲</a>
  315. </div>
  316. </div>
  317. </div>
  318. </body>
  319. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement