API tools faq
paste
Advertisement
tomkirk

Aries

tomkirk
Jan 10th, 2015
13,860
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.48 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4.  
  5.  
  6.  
  7.  
  8. [ T H E M E B Y ]
  9.  
  10. ○ ● ○
  11.  
  12. [ T O M K I R K ]
  13.  
  14.  
  15.  
  16.  
  17.  
  18. -->
  19. <html>
  20. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  21. <html xmlns="http://www.w3.org/1999/xhtml">
  22. <head>
  23.  
  24. <!--Default Variables-->
  25. <!--Colors-->
  26. <meta name="color:Background 1" content="#ae5ffb"/>
  27. <meta name="color:Background 2" content="#ffc6c6"/>
  28. <meta name="color:Background 3" content="#fff8ba"/>
  29. <meta name="color:Ask Background" content="#000000"/>
  30. <meta name="color:Ask Text" content="#ffffff"/>
  31. <meta name="color:Text" content="#000000"/>
  32. <meta name="color:Link" content="#000000"/>
  33. <meta name="color:Link Hover" content="#000000"/>
  34. <meta name="color:Tool Tip" content="#ffffff"/>
  35. <meta name="color:Tool Tip Text" content="#000000"/>
  36. <meta name="color:Perma" content="#ffffff"/>
  37. <meta name="color:Perma Text" content="#000000"/>
  38. <meta name="color:Menu" content="#ffffff"/>
  39. <meta name="color:Menu Text" content="#000000"/>
  40.  
  41. <!--Images-->
  42. <meta name="image:Background" content=""/>
  43. <meta name="image:Icon" content=""/>
  44.  
  45. <!--Options-->
  46. <meta name="if:250px" content="1"/>
  47. <meta name="if:Tiny Cursor" content=""/>
  48. <meta name="if:Infinite Scrolling" content=""/>
  49. <meta name="if:Captions" content=""/>
  50. <meta name="if:Photo Zoom" content="1"/>
  51. <meta name="if:Faded Images" content=""/>
  52. <meta name="if:Inverted Images" content=""/>
  53. <meta name="if:Lazy Load" content=""/>
  54. <meta name="if:Animation" content="1"/>
  55.  
  56. <!--Links-->
  57. <meta name="text:Link 1 URL" content="/"/>
  58. <meta name="text:Link 1 name" content=""/>
  59. <meta name="text:Link 2 URL" content="/"/>
  60. <meta name="text:Link 2 name" content=""/>
  61. <meta name="text:Link 3 URL" content="/"/>
  62. <meta name="text:Link 3 name" content=""/>
  63. <meta name="text:Link 4 URL" content="/"/>
  64. <meta name="text:Link 4 name" content=""/>
  65. <meta name="text:Link 5 URL" content="/"/>
  66. <meta name="text:Link 5 name" content=""/>
  67.  
  68. <link href='http://fonts.googleapis.com/css?family=Quicksand:400,700' rel='stylesheet' type='text/css'>
  69. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  70. <script src="http://tympanus.net/Development/FullscreenOverlayStyles/js/modernizr.custom.js"></script>
  71.  
  72. {block:Description}
  73. <meta name="description" content="{MetaDescription}" />{/block:Description}
  74. <title>
  75. {block:PostSummary}
  76. {PostSummary} - {/block:PostSummary}{Title}</title>
  77. </style>
  78.  
  79. <style type="text/css">
  80.  
  81. {block:ifInvertedImages}img{
  82. opacity: 1;
  83. filter:alpha(opacity=10);
  84. -moz-opacity: 0.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.  
  91.  
  92. {block:ifInvertedImages} img:hover{
  93. opacity: .8;
  94. filter:alpha(opacity=100);
  95. -moz-opacity: 1;
  96. -moz-transition: all .9s ease;
  97. -o-transition: all .9s ease;
  98. transition: all .9s ease;
  99. -webkit-transition: all .9s ease;}
  100. {/block:ifInvertedImages}
  101.  
  102. {block:ifFadedImages}img{
  103. opacity: .8;
  104. filter:alpha(opacity=10);
  105. -moz-opacity: 0.1;
  106. -moz-transition: all .9s ease;
  107. -o-transition: all .9s ease;
  108. transition: all .9s ease;
  109. -webkit-transition: all .9s ease;}
  110. {/block:ifFadedImages}
  111.  
  112.  
  113. {block:ifFadedImages} img:hover{
  114. opacity: 1;
  115. filter:alpha(opacity=100);
  116. -moz-opacity: 1;
  117. -moz-transition: all .9s ease;
  118. -o-transition: all .9s ease;
  119. transition: all .9s ease;
  120. -webkit-transition: all .9s ease;}
  121. {/block:ifFadedImages}
  122.  
  123. {block:ifInvertedImages}.photo {
  124. opacity: 1;
  125. filter:alpha(opacity=10);
  126. -moz-opacity: 0.1;
  127. -moz-transition: all .9s ease;
  128. -o-transition: all .9s ease;
  129. transition: all .9s ease;
  130. -webkit-transition: all .9s ease;}
  131. {/block:ifInvertedImages}
  132.  
  133.  
  134. {block:ifInvertedImages}.photo:hover{
  135. opacity: .8;
  136. filter:alpha(opacity=100);
  137. -moz-opacity: 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:ifInvertedImages}
  143.  
  144. {block:ifFadedImages}.photo {
  145. opacity: .8;
  146. filter:alpha(opacity=10);
  147. -moz-opacity: 0.1;
  148. -moz-transition: all .9s ease;
  149. -o-transition: all .9s ease;
  150. transition: all .9s ease;
  151. -webkit-transition: all .9s ease;}
  152. {/block:ifFadedImages}
  153.  
  154.  
  155. {block:ifFadedImages}.photo:hover{
  156. opacity: 1;
  157. filter:alpha(opacity=100);
  158. -moz-opacity: 1;
  159. -moz-transition: all .9s ease;
  160. -o-transition: all .9s ease;
  161. transition: all .9s ease;
  162. -webkit-transition: all .9s ease;}
  163. {/block:ifFadedImages}
  164.  
  165. 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;}
  166.  
  167. iframe#tumblr_controls:hover{opacity:1;}
  168.  
  169. html, body, a, a:link {
  170. {block:ifTinyCursor}
  171. cursor:url(https://31.media.tumblr.com/bdff266e410c6a626f3d7ba461afff73/tumblr_inline_nb3e1jKNMm1rh7826.png),auto;
  172. {/block:IfTinyCursor}
  173. }
  174.  
  175. body{font-family:consolas,arial;font-size:13px;line-height:16px;color:{color:Text};
  176. background: linear-gradient(3deg, {color:Background 3}, {color:Background 2}, {color:Background 1});
  177. background-size: 800% 800%;
  178. -webkit-animation: AnimationName 45s ease infinite;
  179. -moz-animation: AnimationName 45s ease infinite;
  180. -o-animation: AnimationName 45s ease infinite;
  181. animation: AnimationName 45s ease infinite;
  182. }
  183.  
  184. @-webkit-keyframes AnimationName {
  185. 0%{background-position:51% 0%}
  186. 50%{background-position:50% 100%}
  187. 100%{background-position:51% 0%}
  188. }
  189. @-moz-keyframes AnimationName {
  190. 0%{background-position:51% 0%}
  191. 50%{background-position:50% 100%}
  192. 100%{background-position:51% 0%}
  193. }
  194. @-o-keyframes AnimationName {
  195. 0%{background-position:51% 0%}
  196. 50%{background-position:50% 100%}
  197. 100%{background-position:51% 0%}
  198. }
  199. @keyframes AnimationName {
  200. 0%{background-position:51% 0%}
  201. 50%{background-position:50% 100%}
  202. 100%{background-position:51% 0%}
  203. }
  204.  
  205. a:link, a:active, a:visited{color:{color:Link};text-decoration:none;-webkit-transition: all 0s ease-out;-moz-transition: all 0s ease-out;transition: all 0s ease-out;}
  206.  
  207. a:hover{text-decoration:none;color:{color:Link Hover};{block:ifTinyCursor}cursor:url(https://31.media.tumblr.com/769de35144cf314ac2a3c6cc0f5f369a/tumblr_inline_nb3e1oTcM51rh7826.png),auto;{/block:IfTinyCursor}}
  208.  
  209. #s-m-t-tooltip {
  210. max-width:300px;
  211. margin:25px 20px 25px 20px;
  212. background-color:{color:Tool Tip};
  213. color:{color:Tool Tip Text};
  214. font-size:12px;
  215. line-height:12px;
  216. padding:3px 5px 3px 5px;
  217. box-shadow:rgba(0,0,0,0.07) 4px 4px;
  218. -webkit-transition: all 0.2s ease-out;
  219. -moz-transition: all 0.2s ease-out;
  220. transition: all 0.2s ease-out;
  221. z-index:999999999999999999999999999999999999;
  222. -webkit-border-radius: 4px;
  223. -moz-border-radius: 4px;
  224. border-radius: 4px;
  225. }
  226.  
  227. #container {
  228. margin:auto;
  229. {block:IndexPage}
  230. {block:if250px}width:250px;{/block:if250px}
  231. {block:ifNot250px}width:400px;{/block:ifNot250px}
  232. {/block:IndexPage}
  233. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  234. }
  235.  
  236. #content{
  237. {block:if250px}width:250px;{/block:if250px}
  238. {block:ifNot250px}width:400px;{/block:ifNot250px}
  239. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  240. }
  241.  
  242. #entry{
  243. position:relative;
  244. margin:0 0 100px 0;
  245. {block:if250px}width:250px;{/block:if250px}
  246. {block:ifNot250px}width:400px;{/block:ifNot250px}
  247. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  248. z-index:1;
  249. {block:ifAnimation}
  250. -webkit-animation:ent 5s;
  251. animation:ent 5s;
  252. {/block:ifAnimation}
  253. -webkit-transition: all 0.7s linear;
  254. -moz-transition: all 0.7s linear;
  255. transition: all 0.7s linear;
  256. -webkit-border-radius: 4px;
  257. -moz-border-radius: 4px;
  258. border-radius: 4px;
  259. overflow:hidden;
  260. }
  261.  
  262. @-webkit-keyframes ent {
  263. 0% {opacity:0;}
  264. 25% {opacity:1;}
  265. }
  266.  
  267. #entry img{max-width:100%;}
  268.  
  269. #pic a{padding:0 0 0 0;}
  270.  
  271. #entry #pic{
  272. overflow:hidden;
  273. position:relative;
  274. }
  275.  
  276. #entry #pic img{
  277. display:block;
  278. -webkit-transition: all 0.5s ease-out;
  279. -moz-transition: all 0.5s ease-out;
  280. transition: all 0.5s ease-out;
  281. }
  282.  
  283. #entry:hover #pic img{
  284. {block:IndexPage}
  285. {block:ifPhotoZoom}
  286. -webkit-transform: scale(1.10);
  287. -moz-transform: scale(1.10);
  288. -o-transform: scale(1.10);
  289. transform: scale(1.10);
  290. {/block:ifPhotoZoom}
  291. {/block:IndexPage}
  292. }
  293.  
  294. #entry #pset{
  295. overflow:hidden;
  296. display:block;
  297. -webkit-transition: all 0.5s ease-out;
  298. -moz-transition: all 0.5s ease-out;
  299. transition: all 0.5s ease-out;
  300. }
  301.  
  302. #entry:hover #pset{
  303. {block:IndexPage}
  304. {block:ifPhotoZoom}
  305. -webkit-transform: scale(1.10);
  306. -moz-transform: scale(1.10);
  307. -o-transform: scale(1.10);
  308. transform: scale(1.10);
  309. {/block:ifPhotoZoom}
  310. {/block:IndexPage}
  311. }
  312.  
  313. .com:last-child{display:none;}
  314. #entry #permalinktxt{
  315. background:{color:Perma};
  316. color:{color:Perma Text};
  317. margin:0px 0 0 0;
  318. padding:10px 13px 10px 13px;
  319. -webkit-transition: all 0.4s linear;
  320. -moz-transition: all 0.4s linear;
  321. transition: all 0.4s linear;
  322. line-height:19px;
  323. z-index:1;
  324. {block:IndexPage}
  325. -webkit-border-bottom-right-radius: 4px;
  326. -webkit-border-bottom-left-radius: 4px;
  327. -moz-border-radius-bottomright: 4px;
  328. -moz-border-radius-bottomleft: 4px;
  329. border-bottom-right-radius: 4px;
  330. border-bottom-left-radius: 4px;
  331. {/block:IndexPage}
  332. }
  333.  
  334. #entry:hover #permalinktxt{
  335. opacity:1;
  336. }
  337. #permalinktxt a{
  338. color:{color:Perma Text};
  339. padding:0 0 2px 0;
  340. border-bottom:1px solid transparent;
  341. }
  342.  
  343. #permalinktxt a:hover{
  344. border-bottom:1px solid {color:Perma Text};
  345. }
  346.  
  347. #permalinktxt #p_tri{
  348. position:absolute;
  349. margin:-17px 0 0 10px;
  350. width: 0;
  351. height: 0;
  352. border-style: solid;
  353. border-width: 0 10px 9px 10px;
  354. border-color: transparent transparent {color:Perma} transparent;
  355. }
  356.  
  357. #entry #permalinkpg{
  358. background:{color:Perma};
  359. color:{color:Perma Text};
  360. margin:20px 0 0 0px;
  361. padding:10px 13px 10px 13px;
  362. -webkit-transition: all 0.4s linear;
  363. -moz-transition: all 0.4s linear;
  364. transition: all 0.4s linear;
  365. line-height:17px;
  366. z-index:1;
  367. }
  368.  
  369. #entry:hover #permalinkpg{
  370. opacity:1;
  371. }
  372.  
  373. #permalinkpg a{
  374. color:{color:Perma Text};
  375. padding:0 0 2px 0;
  376. border-bottom:1px solid transparent;
  377. }
  378.  
  379. #permalinkpg a:hover{
  380. border-bottom:1px solid {color:Perma Text};
  381. }
  382.  
  383. #permalinkpg #p_tri2{
  384. position:absolute;
  385. margin:-18px 0 0 10px;
  386. width: 0;
  387. height: 0;
  388. border-style: solid;
  389. border-width: 0 10px 9px 10px;
  390. border-color:transparent transparent {color:Perma} transparent;
  391. }
  392.  
  393. .cap{
  394. margin:10px 0 10px 0;
  395. }
  396.  
  397. #ask {
  398. padding:10px;
  399. background:{color:Ask Background};
  400. color:{color:Ask Text};
  401. }
  402.  
  403. .asktri1{
  404. margin:-6px 0 0 30px;
  405. width: 0;
  406. height: 0;
  407. border-style: solid;
  408. border-width: 13px 12.5px 0 12.5px;
  409. border-color: {color:Ask Background} transparent transparent transparent;
  410. }
  411.  
  412. .askername{
  413. position:Absolute;
  414. margin:-29px 0 0 39px;
  415. }
  416.  
  417. .askername a{
  418. padding:0 0 0 0;
  419. background:transparent;
  420. color:{color:Ask Text};
  421. border-bottom:2px solid {color:Ask Text};
  422. }
  423.  
  424. .askerimg{
  425. margin-bottom:8px;
  426. }
  427.  
  428. .askerimg img{
  429. width:30px;
  430. border-radius:30px;
  431. -webkit-border-radius:30px;
  432. -moz-border-radius:30px;
  433. }
  434.  
  435. #answer{
  436. margin:10px 15px 20px 15px;
  437. }
  438.  
  439.  
  440. h1{
  441. font-size:27px;
  442. line-height:30px;
  443. margin:0 0 -5px 0;
  444. font-family: 'Quicksand', sans-serif,helvetica;
  445. }
  446.  
  447. h2{
  448. font-size:27px;
  449. line-height:30px;
  450. margin:0 0 5px 0;
  451. font-family: 'Quicksand', sans-serif,helvetica;
  452. }
  453.  
  454. .bt{
  455. margin:0 0 3px 0;
  456. }
  457.  
  458. .bt a{
  459. color:#fff;
  460. font-size:20px;
  461. line-height:25px;
  462. text-transform:lowercase;
  463. letter-spacing:0px;
  464. font-weight:bold;
  465. font-family: 'Quicksand', sans-serif,helvetica;
  466. }
  467.  
  468. .bt a:hover{
  469. color:#fff;
  470. }
  471.  
  472. blockquote{
  473. padding-left:10px;
  474. margin:0 0 0 15px;
  475. border-left:2px solid {color:Link};
  476. }
  477.  
  478. p {
  479. margin:10px 0 10px 0;
  480. }
  481.  
  482. .ol, ul {
  483. margin-left:30px;
  484. padding:5px;
  485. }
  486.  
  487. .ul {
  488. list-style-type:square;
  489. }
  490.  
  491. .chat .line{
  492. padding: 2px;
  493. }
  494.  
  495. .chat .line .odd{
  496. padding:2px;
  497. color:{color:Ask Text};
  498. background:{color:Ask Background};
  499. }
  500.  
  501. .label {
  502. font-weight:bold;
  503. }
  504.  
  505. .audioplayer{
  506. padding:10px;
  507. background:black;
  508. opacity:1;
  509. }
  510.  
  511. .audioinfo{
  512. border-top:1px solid rgba(255,255,255,1);
  513. padding:10px;
  514. background:black;
  515. color:white;
  516. opacity:1;
  517. }
  518.  
  519. .notes img{
  520. width:10px;
  521. position:left;
  522. margin:3px 5px 0 0;
  523. -webkit-border-radius:10px;
  524. -moz-border-radius:10px;
  525. border-radius:10px;
  526. }
  527.  
  528. .notes {
  529. line-height:25px;
  530. }
  531.  
  532. .header{
  533. position:fixed;
  534. height:50px;
  535. width:100%;
  536. top:0;
  537. left:0;
  538. padding:100px 0 0 0;
  539. z-index:999;
  540. -webkit-transition: all 0.4s linear;
  541. -moz-transition: all 0.4s linear;
  542. transition: all 0.4s linear;
  543. {block:ifAnimation}
  544. -webkit-animation:hea 5s;
  545. animation:hea 5s;
  546. {/block:ifAnimation}
  547. z-index:99;
  548. }
  549.  
  550. @-webkit-keyframes hea {
  551. 0% {opacity:0;}
  552. 25% {opacity:1;}
  553. }
  554.  
  555. .header2{
  556. height:50px;
  557. top:0;
  558. left:0;
  559. {block:IndexPage}
  560. {block:if250px}margin:0 0 0 220px;{/block:if250px}
  561. {block:ifNot250px}margin:0 0 0 290px;{/block:ifNot250px}
  562. {/block:IndexPage}
  563. {block:PermalinkPage}margin:0 0 0 260px;{/block:PermalinkPage}
  564. }
  565.  
  566. .overlay{
  567. position:fixed;
  568. width:100%;
  569. height:100%;
  570. top:0;
  571. left:0;
  572. background:{color:Menu};
  573. color:{color:Menu Text};
  574. opacity:1;
  575. z-index:9999;
  576. font-size:15px;
  577. line-height:20px;
  578. }
  579.  
  580. .overlay a{
  581. color:{color:Menu Text};
  582. padding:0 0 2px 0;
  583. border-bottom:1px solid transparent;
  584. }
  585.  
  586. .overlay a:hover{
  587. border-bottom:1px solid {color:Menu Text};
  588. }
  589.  
  590. #trigger-overlay{
  591. cursor:help;
  592. background:transparent;
  593. border:0px;
  594. font-size:70px;
  595. width:70px;
  596. margin:auto;
  597. }
  598.  
  599. .overlay .overlay-close {
  600. width:20px;
  601. height:20px;
  602. margin-top:10px;
  603. overflow:hidden;
  604. border:none;
  605. background: url(https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-close-128.png) no-repeat center center;
  606. background-size:20px 20px;
  607. text-indent: 200%;
  608. z-index:100;
  609. cursor:help;
  610. }
  611.  
  612. .overlay-slide {
  613. visibility: hidden;
  614. -webkit-transform: translateX(-100%);
  615. transform: translateX(-100%);
  616. -webkit-transition: -webkit-transform 0.7s ease-in-out, visibility 0s 0.7s;
  617. transition: transform 0.7s ease-in-out, visibility 0s 0.7s;
  618. }
  619.  
  620. .overlay-slide.open {
  621. visibility: visible;
  622. -webkit-transform: translateX(0%);
  623. transform: translateX(0%);
  624. -webkit-transition: -webkit-transform 0.7s ease-in-out;
  625. transition: transform 0.7s ease-in-out;
  626. }
  627.  
  628. .guts{margin:0 0 0 0px;}
  629.  
  630. .guts img{
  631. width:70px;
  632. height:70px;
  633. border-radius:310px;
  634. -webkit-border-radius:310px;
  635. -moz-border-radius:310px;
  636. }
  637.  
  638. .m_n{margin:250px auto;width:400px;text-align:center;}
  639.  
  640. .nav{
  641. margin:10px 0 0 0;
  642. }
  643. .nav a{
  644. margin:0 5px 0 5px;
  645. }
  646. .preface{
  647. margin:10px 0 0 0;
  648. line-height:20px;
  649. }
  650.  
  651. .preface a{
  652. color:{color:Menu Text};
  653. margin:0 5px 0 5px;
  654. padding:0 0 3px 0;
  655. }
  656.  
  657. .preface a:hover{
  658. border-bottom:1px solid {color:Menu Text};
  659. }
  660.  
  661.  
  662. .b{
  663. margin:0px 0 0 0;
  664. line-height:30px;
  665. font-size:30px;
  666. font-weight:bold;
  667. font-family: 'Quicksand', sans-serif,helvetica;
  668. }
  669.  
  670. .b a{
  671. color:{color: Text};
  672. margin:0 5px 0 5px;
  673. padding:0 0 3px 0;
  674. }
  675.  
  676. #pgs{
  677. text-align:center;
  678. margin:10px 0 120px 0;
  679. font-size:20px;
  680. font-weight:bold;
  681. font-family: 'Quicksand', sans-serif,helvetica;
  682. }
  683.  
  684. #pgs a{
  685. margin:0 1px 0 1px;
  686. }
  687.  
  688.  
  689. {CustomCSS}
  690. </style>
  691.  
  692. <link rel="shortcut icon" href="{Favicon}">
  693. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  694. {block:ifLazyLoad}
  695. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  696. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  697. <script type="text/javascript" charset="utf-8">
  698. var $j = jQuery.noConflict();
  699. $j(function() {
  700. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  701. $j("img").lazyload({
  702. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  703. effect: "fadeIn",
  704. });
  705. });
  706. </script>
  707. {/block:ifLazyLoad}
  708.  
  709. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  710. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  711. <script>
  712. (function($){
  713. $(document).ready(function(){
  714. $("a[title]").style_my_tooltips({
  715. tip_follows_cursor:true,
  716. tip_delay_time:90,
  717. tip_fade_speed:100,
  718. attribute:"title"
  719. });
  720. });
  721. })(jQuery);
  722. </script>
  723.  
  724.  
  725. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  726. <script type="text/javascript">
  727. $(function(){
  728. var stickyRibbonTop = $('.header2').offset().top;
  729.  
  730. $(window).scroll(function(){
  731. if( $(window).scrollTop() > stickyRibbonTop ) {
  732. $('.header').addClass('header2');
  733. } else {
  734. $('.header').removeClass('header2');
  735. }
  736. });
  737. });
  738. </script>
  739.  
  740. </head>
  741. <body>
  742.  
  743. <div class="header2"></div>
  744. <div class="header">
  745.  
  746. <div id="trigger-overlay">
  747.  
  748. <div id="click" class="guts">
  749. <span class="guts">
  750. <img src="{image:Icon}">
  751. </span>
  752. <span class="guts" style="display:none;">
  753. <img src="{image:Icon}">
  754. </span>
  755. </div>
  756.  
  757. </div>
  758. </div>
  759.  
  760. <div class="overlay overlay-slide">
  761. <div class="m_n">
  762.  
  763. <div class="b"><a href="/">{Title}</a></div>
  764. <div style="margin:10px 0 10px 0;line-height:20px;">
  765. {Description}
  766. <div class="preface">
  767. {block:ifLink1name}
  768. <a href="{text:Link 1 URL}"><i class="fa fa-file-image-o"></i> .{text:Link 1 name}</a>
  769. {/block:ifLink1name}
  770. {block:ifLink2name}
  771. <a href="{text:Link 2 URL}"><i class="fa fa-comments"></i> .{text:Link 2 name}</a>
  772. {/block:ifLink2name}
  773. {block:ifLink3name}
  774. <a href="{text:Link 3 URL}"><i class="fa fa-exclamation-circle"></i> .{text:Link 3 name}</a>
  775. {/block:ifLink3name}
  776. {block:ifLink4name}
  777. <a href="{text:Link 4 URL}"><i class="fa fa-star-o"></i> .{text:Link 4 name}</a>
  778. {/block:ifLink4name}
  779. </div>
  780. </div>
  781.  
  782. <button type="button" class="overlay-close">Close</button>
  783.  
  784. </div>
  785.  
  786. </div>
  787.  
  788. <div id="container">
  789.  
  790. <br><br><br><br><br><br><br><br><br><br><br>
  791.  
  792. <div id="content">
  793.  
  794. {block:Posts}
  795. <div id="entry">
  796.  
  797. {block:Answer}
  798. <div id="ask">
  799. <div class="askerimg"><img src="{AskerPortraitURL-128}"></div>
  800. <span class="askername"> {Asker} asked:</span>
  801. <span style="padding-left:3px;padding-right:3px;">{Question}</span>
  802. </div>
  803. <div class="asktri1"></div>
  804. <div id="answer">{Answer}</div>
  805. {/block:Answer}
  806.  
  807. {block:Text}
  808. {block:Title}
  809. <h1>{Title}</h1>
  810. {/block:Title}
  811. {Body}
  812. {/block:Text}
  813.  
  814. {block:Link}
  815. <h1><a href="{URL}">{Name} »</a></h1>
  816. {block:Description}{Description}{/block:Description}
  817. {/block:Link}
  818.  
  819. {block:Photo}
  820. <div id="pic">
  821. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}">
  822. </div>
  823. {block:ifCaptions}
  824. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  825. {/block:ifCaptions}
  826. {block:ifNotCaptions}
  827. {block:PermalinkPage}
  828. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  829. {/block:PermalinkPage}
  830. {/block:ifNotCaptions}
  831. {block:ContentSource}
  832. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  833. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  834. {/block:SourceLogo}
  835. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  836. {/block:ContentSource}
  837. {block:ReblogParentURL}
  838. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  839. {/block:ReblogParentURL}
  840. {/block:Photo}
  841.  
  842. {block:Photoset}
  843. <div class="photo">
  844. <center>
  845. <div id="pic">
  846. {block:IndexPage}
  847. {block:if250px}<div id="pset">{Photoset-250}</div>{/block:if250px}
  848. {block:ifNot250px}<div id="pset">{Photoset-400}</div>{/block:ifNot250px}
  849. {/block:IndexPage}
  850. {block:PermalinkPage}
  851. <div id="pset">{Photoset-400}</div>
  852. {/block:PermalinkPage}
  853. </div>
  854. </center>
  855. </div>
  856. {block:ifCaptions}
  857. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  858. {/block:ifCaptions}
  859. {block:ifNotCaptions}
  860. {block:PermalinkPage}
  861. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  862. {/block:PermalinkPage}
  863. {/block:ifNotCaptions}
  864. {/block:Photoset}
  865.  
  866. {block:Quote}
  867. <div class="cap">
  868. <h2>"{Quote}"</h2>
  869. {block:Source}
  870. - {Source}
  871. {/block:Source}
  872. </div>
  873. {/block:Quote}
  874.  
  875. {block:Chat}
  876. <div class="cap">
  877. {block:Title}
  878. <div class="posttitle">
  879. {Title}
  880. </div>
  881. {/block:Title}
  882. <div class="chat">
  883. {block:Lines}
  884. <div class="chat">
  885. <div class="line {Alt}">
  886. <div class="{Alt} user_{UserNumber}">
  887. {block:Label}
  888. <b>{Label} </b>
  889. {/block:Label}
  890. {Line}
  891. </div>
  892. </div>
  893. </div>
  894. {/block:Lines}
  895. </div> </div>
  896. {/block:Chat}
  897.  
  898. {block:Audio}
  899. {block:AlbumArt}
  900. <img src="{AlbumArtURL}">
  901. {/block:AlbumArt}
  902. {block:AudioPlayer}
  903. <div class="audioplayer">
  904. {AudioPlayerBlack}
  905. </div>
  906. {/block:AudioPlayer}
  907. {block:TrackName}
  908. <div class="audioinfo">
  909. Song : {TrackName}
  910. </div>
  911. {/block:TrackName}
  912. {block:Artist}
  913. <div class="audioinfo">
  914. Artist : {Artist}
  915. </div>
  916. {/block:Artist}
  917. {block:Album}
  918. <div class="audioinfo">
  919. Album : {Album}
  920. </div>
  921. {/block:Album}
  922. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  923. {/block:Audio}
  924.  
  925. {block:Video}
  926. <div class="photo">
  927. <center>
  928. {block:IndexPage}
  929. {block:if250px}{Video-250}{/block:if250px}
  930. {block:ifNot250px}{Video-400}{/block:ifNot250px}
  931. {/block:IndexPage}
  932. {block:PermalinkPage}
  933. {Video-400}
  934. {/block:PermalinkPage}
  935. </center>
  936. </div>
  937. {block:ifCaptions}
  938. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  939. {/block:ifCaptions}
  940. {block:ifNotCaptions}
  941. {block:PermalinkPage}
  942. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  943. {/block:PermalinkPage}
  944. {/block:ifNotCaptions}
  945. {/block:Video}
  946.  
  947.  
  948. {block:IndexPage}
  949. <div id="permalinktxt">
  950. <div id="p_tri"></div>
  951. <a title="{TimeAgo}"href="{Permalink}"><i class="fa fa-files-o"></i> .{NoteCount}</a>
  952. <span style="float:right;">
  953. <a title="Reblog?"href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-refresh"></i> .RBLG </a>
  954. </span>
  955. {block:HasTags}
  956. <div style="padding:0 5px 0 5px;">
  957. # : {block:Tags}<a href="{TagURL}">{Tag} </a> <span class="com">,</span>
  958. {/block:Tags}
  959. </div>
  960. {/block:HasTags}
  961. </div>
  962. {/block:IndexPage}
  963.  
  964. {block:PermalinkPage}
  965. {block:Date}
  966. <div id="permalinkpg">
  967. <b>Posted:</b> {TimeAgo} on
  968. {ShortMonth} {DayofMonth},{Year} at
  969. {12Hour}:{Minutes} {CapitalAmPm}
  970. {block:NoteCount}<br>
  971. <b>Notes:</b>
  972. {NoteCount}
  973. {/block:NoteCount}
  974. {block:HasTags}
  975. <br>
  976. <b>Tags:</b>
  977. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;
  978. {/block:Tags}
  979. {/block:HasTags}
  980. <br>{block:RebloggedFrom}
  981. <b>Via:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br> <b>Src:</b> <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a> {/block:RebloggedFrom}
  982. </div>
  983. {block:PostNotes}
  984. {PostNotes}
  985. {/block:PostNotes}
  986. </div>
  987. {/block:Date}
  988. {/block:PermalinkPage}
  989.  
  990. </div>
  991. {/block:Posts}
  992.  
  993.  
  994. {block:ifNotInfiniteScrolling}
  995. {block:IndexPage}
  996. <div id="pgs">
  997. {block:Pagination}
  998. {block:PreviousPage} <a href="{PreviousPage}">prev </a> : {/block:PreviousPage}
  999. {block:NextPage}<a href="{NextPage}"> next </a>{/block:NextPage}
  1000. {/block:Pagination}
  1001. </div>
  1002. {/block:IndexPage}
  1003. {/block:ifNotInfiniteScrolling}
  1004. </div>
  1005.  
  1006.  
  1007. {block:ifInfiniteScrolling}
  1008. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1009. {/block:ifInfiniteScrolling}
  1010.  
  1011. <script src="http://tympanus.net/Development/FullscreenOverlayStyles/js/classie.js"></script>
  1012. <script src="http://tympanus.net/Development/FullscreenOverlayStyles/js/demo1.js"></script>
  1013.  
  1014. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  1015.  
  1016. <script language="javascript">
  1017. $(document).ready(function() {
  1018. $('#click').click(function() {
  1019. $('.guts',this).toggle();
  1020. });
  1021. });
  1022. </script>
  1023.  
  1024.  
  1025. <div style="position:fixed;bottom:0;right:0;padding-right:20px;padding-bottom:10px;"><a title="theme by tomkirk" style="background:transparent;"href="http://tomkirk.tumblr.com/">▲</a></div>
  1026. </body>
  1027. </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!