Advertisement
tomkirk

Gemini 002

May 23rd, 2015
7,960
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.59 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4. [ T H E M E B Y ]
  5.  
  6. ○ ● ○
  7.  
  8. [ T O M K I R K ]
  9.  
  10.  
  11.  
  12. -->
  13. <html>
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15. <html xmlns="http://www.w3.org/1999/xhtml">
  16. <head>
  17. <!--Default Variables-->
  18. <!--Colors-->
  19. <meta name="color:Ask Background" content="#000000"/>
  20. <meta name="color:Ask Text" content="#ffffff"/>
  21. <meta name="color:Background" content="#ffffff"/>
  22. <meta name="color:Text" content="#000000"/>
  23. <meta name="color:Link" content="#000000"/>
  24. <meta name="color:Link Border" content="#ffee59"/>
  25. <meta name="color:Link Hover Border" content="#e8e8e8"/>
  26. <meta name="color:Border" content="#000000"/>
  27. <meta name="color:Perma" content="#000000"/>
  28. <meta name="color:Perma Text" content="#ffffff"/>
  29. <meta name="color:Tool Tip" content="#ffffff"/>
  30. <meta name="color:Tool Tip Text" content="#000000"/>
  31.  
  32. <!--Images-->
  33. <meta name="image:Background" content=""/>
  34. <meta name="image:Icon 1" content="https://icons.iconarchive.com/icons/jeanette-foshee/simpsons-01/32/Simpsons-Family-Homer-icon.png"/>
  35. <meta name="image:Icon 2" content="https://icons.iconarchive.com/icons/jeanette-foshee/simpsons-01/32/Simpsons-Family-Marge-icon.png"/>
  36. <meta name="image:Icon 3" content="https://icons.iconarchive.com/icons/jeanette-foshee/simpsons-01/32/Simpsons-Family-Cool-Bart-icon.png"/>
  37. <meta name="image:Icon 4" content="https://icons.iconarchive.com/icons/jeanette-foshee/simpsons-01/32/Simpsons-Family-Lisa-icon.png"/>
  38. <meta name="image:Icon 5" content="https://icons.iconarchive.com/icons/jeanette-foshee/simpsons-01/32/Simpsons-Family-Maggie-icon.png"/>
  39.  
  40. <!--Options-->
  41. <meta name="if:Photo Zoom" content="1"/>
  42. <meta name="if:Captions" content=""/>
  43. <meta name="if:Search Bar" content="1"/>
  44. <meta name="if:Tiny Cursor" content=""/>
  45. <meta name="if:Crosshair Cursor" content=""/>
  46.  
  47. <!--Links-->
  48. <meta name="text:Link 1 URL" content="/"/>
  49. <meta name="text:Link 1 name" content=""/>
  50. <meta name="text:Link 2 URL" content="/"/>
  51. <meta name="text:Link 2 name" content=""/>
  52. <meta name="text:Link 3 URL" content="/"/>
  53. <meta name="text:Link 3 name" content=""/>
  54. <meta name="text:Link 4 URL" content="/"/>
  55. <meta name="text:Link 4 name" content=""/>
  56. <meta name="text:Link 5 URL" content="/"/>
  57. <meta name="text:Link 5 name" content=""/>
  58.  
  59.  
  60. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  61. {block:Description}
  62. <meta name="description" content="{MetaDescription}" />{/block:Description}
  63. <title>
  64. {block:PostSummary}
  65. {PostSummary} - {/block:PostSummary}{Title}</title>
  66. </style>
  67.  
  68. <style type="text/css">
  69.  
  70. iframe#tumblr_controls {-webkit-filter:invert(100%);-moz-filter:invert(100%);-filter:invert(100%);right:3px;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
  71.  
  72. iframe#tumblr_controls:hover{opacity:1;}
  73.  
  74. html,body,a,a:hover{
  75. {block:ifTinyCursor}cursor:url(https://31.media.tumblr.com/bdff266e410c6a626f3d7ba461afff73/tumblr_inline_nf2nph3m4q1rs8bwg.png), progress; {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}
  76. }
  77.  
  78. body{background:{color:Background};{block:ifbackgroundimage}background-image:url('{image:background}');{/block:ifbackgroundimage}background-attachment:fixed;background-repeat:repeat;background-position:center;font-family:consolas,arial;font-size:12px;line-height:16px;color:{color:Text};
  79. {block:ifTinyCursor}cursor:url(https://31.media.tumblr.com/bdff266e410c6a626f3d7ba461afff73/tumblr_inline_nf2nph3m4q1rs8bwg.png), progress; {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}
  80. }
  81.  
  82. a:link, a:active, a:visited{color:{color:Link};border-bottom:1px solid {color:Link Border};padding:0 0 2px 0;text-decoration:none;-webkit-transition: all 0.s linear;-moz-transition: all 0.s linear;transition: all 0.s linear;{block:ifTinyCursor}cursor:url(https://31.media.tumblr.com/769de35144cf314ac2a3c6cc0f5f369a/tumblr_inline_nf2nq0naf51rs8bwg.png), progress; {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}}
  83.  
  84. a:hover{border-bottom:1px solid {color:Link Hover Border};}
  85.  
  86. a:hover{text-decoration:none;color:{color:Link Hover};}
  87.  
  88. #pic img{display:block;}
  89.  
  90. #s-m-t-tooltip {
  91. max-width:300px;
  92. margin:25px 20px 25px 20px;
  93. background-color:{color:Tool Tip};
  94. color:{color:Tool Tip Text};
  95. border:2px solid {color:Border};
  96. font-size:12px;
  97. line-height:12px;
  98. padding:3px 5px 3px 5px;
  99. box-shadow:rgba(0,0,0,0.07) 4px 4px;
  100. -webkit-transition: all 0.2s ease-out;
  101. -moz-transition: all 0.2s ease-out;
  102. transition: all 0.2s ease-out;
  103. z-index:999999999999999999999999999999999999;b
  104. }
  105.  
  106. #container {
  107. margin:auto;
  108. {block:IndexPage}width:400px;{/block:IndexPage}
  109. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  110. }
  111.  
  112. #content{
  113. margin:100px 0 100px -60px;
  114. padding:40px;
  115. {block:IndexPage}width:400px;{/block:IndexPage}
  116. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  117. background:white;
  118. border:4px solid {color:Border};
  119. box-shadow:rgba(0,0,0,0.07) 20px 20px;
  120. }
  121.  
  122. #top{
  123. {block:IndexPage}width:400px;{/block:IndexPage}
  124. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  125. margin:0 0 60px 0;
  126. }
  127.  
  128. #sp a{
  129. border:0px;
  130. margin:0 5px 0 0;
  131. }
  132.  
  133. #entry{
  134. margin:0 0 70px 0;
  135. {block:IndexPage}width:400px;{/block:IndexPage}
  136. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  137.  
  138. }
  139.  
  140. #entry img{max-width:100%;}
  141.  
  142. .cap{margin:10px 0 10px 0;}
  143. .cap2{margin:0px 0 10px 0;}
  144.  
  145.  
  146. #pic {
  147. position:relative;
  148. overflow:hidden;
  149. }
  150.  
  151. #pic a{padding:0 0 0 0;}
  152.  
  153. #pic img{
  154. display:block;
  155. -webkit-transition: all 0.4s linear;
  156. -moz-transition: all 0.4s linear;
  157. transition: all 0.4s linear;
  158. }
  159.  
  160. #entry #pc{
  161. -webkit-transition: all 0.4s linear;
  162. -moz-transition: all 0.4s linear;
  163. transition: all 0.4s linear;
  164. }
  165.  
  166. #entry:hover #pc{
  167. {block:ifPhotoZoom}
  168. {block:IndexPage}
  169. -ms-transform: scale(1.10); /* IE 9 */
  170. -webkit-transform: scale(1.10); /* Chrome, Safari, Opera */
  171. transform: scale(1.10); /* Standard syntax */
  172. {/block:IndexPage}
  173. {/block:ifPhotoZoom}
  174. }
  175.  
  176. #entry #ugh{
  177. display:block;
  178. margin-bottom:-10px;
  179. -webkit-transition: all 0.4s linear;
  180. -moz-transition: all 0.4s linear;
  181. transition: all 0.4s linear;
  182. }
  183.  
  184. #entry:hover #ugh{
  185. {block:ifPhotoZoom}
  186. {block:IndexPage}
  187. -ms-transform: scale(1.10); /* IE 9 */
  188. -webkit-transform: scale(1.10); /* Chrome, Safari, Opera */
  189. transform: scale(1.10); /* Standard syntax */
  190. {/block:IndexPage}
  191. {/block:ifPhotoZoom}
  192. }
  193.  
  194. #ask {
  195. padding:10px;
  196. background:{color:Ask Background};
  197. color:{color:Ask Text};
  198. }
  199.  
  200. .a_tri{
  201. position:absolute;
  202. margin:0px 0 0 10px;
  203. width: 0;
  204. height: 0;
  205. border-style: solid;
  206. border-width: 9px 10px 0px 10px;
  207. border-color: {color:Ask Background} transparent transparent transparent;
  208. }
  209. .askername{
  210. position:Absolute;
  211. margin:-29px 0 0 39px;
  212. }
  213.  
  214. .askername a{
  215. color:{color:Ask Text};
  216. }
  217.  
  218. .askername a:hover{
  219. text-decoration:underline;
  220. }
  221.  
  222. .askerimg{
  223. margin-bottom:8px;
  224. }
  225.  
  226. .askerimg img{
  227. width:30px;
  228. border-radius:30px;
  229. -webkit-border-radius:30px;
  230. -moz-border-radius:30px;
  231. }
  232.  
  233. #answer{
  234. margin:10px 15px 20px 15px;
  235. }
  236.  
  237.  
  238. h1{
  239. font-family:Arial;
  240. font-size:25px;
  241. line-height:28px;
  242. font-weight:bold;
  243. margin:0 0 0 0;
  244. }
  245.  
  246. h2{
  247. font-family:Arial;
  248. font-size:25px;
  249. line-height:28px;
  250. font-weight:bold;
  251. margin:0 0 10px 0;
  252. }
  253.  
  254. .q_q{
  255. position:absolute;
  256. font-size:times new roman;
  257. font-weight:bold;
  258. font-size:80px;
  259. line-height:70px;
  260. opacity:.15;
  261. }
  262.  
  263. .bt{
  264. font-size:30px;
  265. line-height:40px;
  266. font-weight:bold;
  267. margin:15px 0 15px 0;
  268. font-family:arial;
  269. }
  270.  
  271. blockquote{
  272. padding-left:10px;
  273. margin:0 0 0 15px;
  274. border-left:2px solid {color:Border};
  275. }
  276.  
  277. p {
  278. margin:10px 0 10px 0;
  279. }
  280.  
  281. .ol, ul {
  282. margin-left:30px;
  283. padding:5px;
  284. }
  285.  
  286. .ul {
  287. list-style-type:square;
  288. }
  289.  
  290. .chat .line{
  291. padding: 2px;
  292. }
  293.  
  294. .chat .line .odd{
  295. padding:2px;
  296. color:{color:Ask Text};
  297. background:{color:Ask Background};
  298. }
  299.  
  300. .label {
  301. font-weight:bold;
  302. }
  303.  
  304. .audioplayer{
  305. padding:10px;
  306. background:black;
  307. }
  308.  
  309.  
  310. #entry #permalink{
  311. position:relative;
  312. padding:10px 15px 10px 15px;
  313. line-height:19px;
  314. background:{color:Perma};
  315. color:{color:Perma Text};
  316. opacity:1;
  317. /*belldom is real*/
  318. -webkit-transition: all 0.7s linear;
  319. -moz-transition: all 0.7s linear;
  320. transition: all 0.7s linear;
  321. z-index:1;
  322. }
  323.  
  324. #permalink a{
  325. color:{color:Perma Text};
  326. border-bottom:1px solid transparent;
  327. }
  328.  
  329. #permalink a:hover{
  330. border-bottom:1px solid {color:Perma Text};
  331. }
  332.  
  333. #permalink .p_tri{
  334. position:absolute;
  335. margin:-19px 0 0 330px;
  336. width: 0;
  337. height: 0;
  338. border-style: solid;
  339. border-width: 0 10px 9px 10px;
  340. border-color: transparent transparent {color:Perma} transparent;
  341. }
  342.  
  343. .com:last-child{display:none;}
  344.  
  345. .notes img{
  346. width:10px;
  347. position:left;
  348. margin:3px 5px 0 0;
  349. -webkit-border-radius:10px;
  350. -moz-border-radius:10px;
  351. border-radius:10px;
  352. }
  353.  
  354. .notes {
  355. line-height:30px;
  356. }
  357.  
  358. #pgs{
  359. margin:-20px 0 0 0;
  360. }
  361.  
  362. {CustomCSS}
  363. </style>
  364.  
  365. <link rel="shortcut icon" href="{Favicon}">
  366. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  367.  
  368. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  369. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  370. <script>
  371. (function($){
  372. $(document).ready(function(){
  373. $("a[title]").style_my_tooltips({
  374. tip_follows_cursor:true,
  375. tip_delay_time:90,
  376. tip_fade_speed:100,
  377. attribute:"title"
  378. });
  379. });
  380. })(jQuery);
  381. </script>
  382. </head>
  383. <body>
  384. <div id="container">
  385. <div id="content">
  386.  
  387. <div id="top">
  388.  
  389. {block:ifSearchBar}
  390. <div style="float:right;">
  391. <form action="/search" method="get">
  392. <input name="q" type="text" value="{SearchQuery}"style="background:white;border:3px solid {color:Border};font-family:courier new;margin:10px 0 0 -1px;width:120px;font-size:11px;"/>
  393. <input type="submit" class="search-button" value="➨" style="font-size:12px;background:{color:Perma};border:0px solid red;padding:2px 7px 4px 7px;color:{color:Perma Text};cursor:pointer;"/></form>
  394. </div>
  395. {/block:ifSearchBar}
  396.  
  397. <div id="sp">
  398. {block:ifLink1name}
  399. <a title="{text:Link 1 name}"href="{text:Link 1 URL}"><img src="{image:Icon 1}"></a>
  400. {/block:ifLink1name}
  401. {block:ifLink2name}
  402. <a title="{text:Link 2 name}"href="{text:Link 2 URL}"><img src="{image:Icon 2}"></a>
  403. {/block:ifLink2name}
  404. {block:ifLink3name}
  405. <a title="{text:Link 3 name}"href="{text:Link 3 URL}"><img src="{image:Icon 3}"></a>
  406. {/block:ifLink3name}
  407. {block:ifLink4name}
  408. <a title="{text:Link 4 name}"href="{text:Link 4 URL}"><img src="{image:Icon 4}"></a>
  409. {/block:ifLink4name}
  410. {block:ifLink5name}
  411. <a title="{text:Link 5 name}"href="{text:Link 5 URL}"><img src="{image:Icon 5}"></a>
  412. {/block:ifLink5name}
  413. </div>
  414.  
  415. <div class="bt"><a href="/">{Title}</a></div>
  416. {Description}
  417.  
  418. </div>
  419.  
  420.  
  421. {block:Posts}
  422. <div id="entry">
  423.  
  424. {block:Answer}
  425. <div id="ask">
  426. <div class="askerimg"><img src="{AskerPortraitURL-128}"></div>
  427. <span class="askername"> {Asker} asked:</span>
  428. <span style="padding-left:3px;padding-right:3px;">{Question}</span>
  429. </div>
  430. <div class="a_tri"></div>
  431. <div id="answer">{Answer}</div>
  432. {/block:Answer}
  433.  
  434. {block:Text}
  435. <div class="cap2">
  436. {block:Title}
  437. <h1>{Title}</h1>
  438. {/block:Title}
  439. {Body}
  440. </div>
  441. {/block:Text}
  442.  
  443. {block:Link}
  444. <div class="cap2">
  445. <h1><a href="{URL}">{Name} »</a></h1>
  446. {block:Description}{Description}{/block:Description}
  447. </div>
  448. {/block:Link}
  449.  
  450. {block:Photo}
  451. <div id="pic">
  452. <a href="{permalink}">
  453. <div id="pc"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></div>
  454. </a>
  455. </div>
  456. {block:ifCaptions}
  457. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  458. {/block:ifCaptions}
  459. {block:ifNotCaptions}
  460. {block:PermalinkPage}
  461. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  462. {/block:PermalinkPage}
  463. {/block:ifNotCaptions}
  464. {block:ContentSource}
  465. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  466. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  467. {/block:SourceLogo}
  468. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  469. {/block:ContentSource}
  470. {block:ReblogParentURL}
  471. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  472. {/block:ReblogParentURL}
  473. {/block:Photo}
  474.  
  475. {block:Photoset}
  476. <div class="photo">
  477. <center>
  478. {block:IndexPage}
  479. <div id="pic">
  480. <div id="ugh">
  481. {Photoset-400}
  482. </div>
  483. </div>
  484. {/block:IndexPage}
  485. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  486. </center>
  487. </div>
  488. {block:ifCaptions}
  489. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  490. {/block:ifCaptions}
  491. {block:ifNotCaptions}
  492. {block:PermalinkPage}
  493. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  494. {/block:PermalinkPage}
  495. {/block:ifNotCaptions}
  496. {/block:Photoset}
  497.  
  498. {block:Quote}
  499. <div class="cap2">
  500. <div class="q_q">❝</div>
  501. <h2>{Quote}</h2>
  502. {block:Source}
  503. - {Source}
  504. {/block:Source}
  505. </div>
  506. {/block:Quote}
  507.  
  508. {block:Chat}
  509. <div class="cap2">
  510. {block:Title}
  511. <h1>{Title}</h1>
  512. {/block:Title}
  513. <div class="chat">
  514. {block:Lines}
  515. <div class="chat">
  516. <div class="line {Alt}">
  517. <div class="{Alt} user_{UserNumber}">
  518. {block:Label}
  519. <b>{Label} </b>
  520. {/block:Label}
  521. {Line}
  522. </div>
  523. </div>
  524. </div>
  525. {/block:Lines}
  526. </div>
  527. </div>
  528. {/block:Chat}
  529.  
  530. {block:Audio}
  531. {block:AlbumArt}
  532. <img src="{AlbumArtURL}">
  533. {/block:AlbumArt}
  534. {block:AudioPlayer}
  535. <div class="audioplayer">
  536. {AudioPlayerBlack}
  537. </div>
  538. {/block:AudioPlayer}
  539. {block:Caption}{Caption}{/block:Caption}
  540. {/block:Audio}
  541.  
  542. {block:Video}
  543. <div class="photo">
  544. <center>
  545. {Video-400}
  546. </center>
  547. </div>
  548. {block:ifCaptions}
  549. {block:Caption}{Caption}{/block:Caption}
  550. {/block:ifCaptions}
  551. {block:ifNotCaptions}
  552. {block:PermalinkPage}
  553. {block:Caption}{Caption}{/block:Caption}
  554. {/block:PermalinkPage}
  555. {/block:ifNotCaptions}
  556. {/block:Video}
  557.  
  558. {block:IndexPage}
  559. <div id="permalink">
  560. <div class="p_tri"></div>
  561. <a href="{Permalink}">{TimeAgo} with {NoteCountWithLabel}</a>
  562. <span style="float:right;"><a href="{ReblogURL}" target="_blank" class="details">Reblog</a></span>
  563. {block:HasTags}
  564. <br>
  565. # :
  566. {block:Tags}<a href="{TagURL}">{Tag}</a><span class="com"> ,</span>
  567. {/block:Tags}
  568. {/block:HasTags}
  569. </div>
  570. {/block:IndexPage}
  571.  
  572. {block:PermalinkPage}
  573. {block:Date}
  574. <div id="permalinkpg">
  575. <div id="permalink">
  576. <div class="p_tri"></div>
  577. <b>Posted:</b> {TimeAgo} on
  578. {ShortMonth} {DayofMonth},{Year} at
  579. {12Hour}:{Minutes} {CapitalAmPm}
  580. {block:NoteCount}<br>
  581. <b>Notes:</b>
  582. {NoteCount}
  583. {/block:NoteCount}
  584. {block:HasTags}
  585. <br>
  586. <b>Tags:</b>
  587. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;
  588. {/block:Tags}
  589. {/block:HasTags}
  590. <br>{block:RebloggedFrom}
  591. <b>Via:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br> <b>Src:</b> <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a> {/block:RebloggedFrom}
  592. </div>
  593. {block:PostNotes}
  594. {PostNotes}
  595. {/block:PostNotes}
  596. </div>
  597. {/block:Date}
  598. {/block:PermalinkPage}
  599.  
  600. </div>
  601. {/block:Posts}
  602.  
  603.  
  604. <div id="pgs">
  605. {block:Pagination}
  606. {block:PreviousPage} <a href="{PreviousPage}">«</a>{/block:PreviousPage}
  607. {block:JumpPagination length="5"}
  608. {block:CurrentPage}
  609. <span class="current_page">{PageNumber}</span>&nbsp;&nbsp;
  610. {/block:CurrentPage}
  611. {block:JumpPage}
  612. <a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;
  613. {/block:JumpPage}
  614. {/block:JumpPagination}
  615. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  616. {/block:Pagination}
  617. </div>
  618. </div>
  619. <div style="position:fixed;right:0;bottom:0;padding:0 20px 20px 0;">
  620. <a title="theme by tomkirk"href="http://tomkirk.tumblr.com/">▲</a>
  621. </div>
  622.  
  623.  
  624. </body>
  625. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement