Advertisement
Seedfawn

Theme 23

Nov 14th, 2015
284
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.18 KB | None | 0 0
  1. <!-- THEME BY SEEDFAWN -->
  2.  
  3. <html lang="en">
  4. <script type="text/javascript">
  5. <!--
  6.  
  7. // Disable Right Click Script
  8.  
  9. function IE(e)
  10. {
  11. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  12. {
  13. return false;
  14. }
  15. }
  16. function NS(e)
  17. {
  18. if (document.layers || (document.getElementById && !document.all))
  19. {
  20. if (e.which == "2" || e.which == "3")
  21. {
  22. return false;
  23. }
  24. }
  25. }
  26. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  27.  
  28. //-->
  29. </script>
  30.  
  31. <!--S-M-T Tooltip-->
  32. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  33. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  34. <script>
  35. (function($){
  36. $(document).ready(function(){
  37. $("[title]").style_my_tooltips();
  38. });
  39. })(jQuery);
  40. </script>
  41.  
  42. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300' rel='stylesheet' type='text/css'>
  43. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  44.  
  45. <meta name="image:Background" content=""/>
  46. <meta name="image:Sidebar" content=""/>
  47. <meta name="color:Background" content="#fff"/>
  48. <meta name="color:Title" content="#ffc297"/>
  49. <meta name="color:Text" content="#707070"/>
  50. <meta name="color:Link" content="#ffc297"/>
  51. <meta name="color:Hover" content="#ffe4c2"/>
  52. <meta name="color:Blogtitle" content="#ffc297"/>
  53. <meta name="color:Scrollbar" content="#ffc297"/>
  54. <meta name="color:Permalink" content="#ffc297"/>
  55. <meta name="color:Navigation" content="#707070"/>
  56. <meta name="color:Sidebar" content="#ffc297"/>
  57. <meta name="color:Posts" content="#ffe4c2"/>
  58. <meta name="color:Borders" content="#ffe4c2"/>
  59. <meta name="color:Ask" content="#ffc297"/>
  60. <meta name="if:Scroll Desc" content="1"/>
  61. <meta name="if:Show Desc" content="0"/>
  62. <meta name="text:Blogtitle" content="Adventure"/>
  63. <meta name="text:Link One" content="/" />
  64. <meta name="text:Link Two" content="" />
  65. <meta name="text:Link Three" content="" />
  66. <meta name="text:Link Four" content="" />
  67. <meta name="text:Link Five" content="http://seedfawn.tumblr.com" />
  68. <meta name="text:Link One Title" content="refresh"/>
  69. <meta name="text:Link Two Title" content="message"/>
  70. <meta name="text:Link Three Title" content="navigation"/>
  71. <meta name="text:Link Four Title" content="favorites"/>
  72. <meta name="text:Link Five Title" content="theme"/>
  73. </script>
  74.  
  75.  
  76. <style type="text/css">
  77.  
  78. .tmblr-iframe{
  79. z-index:9999999999!important;
  80. opacity:.2 !important;
  81. -webkit-filter:invert(100%);
  82. top:0px !important;
  83. right:5px !important;
  84. position:fixed!important;
  85. }
  86.  
  87. ::-webkit-scrollbar{
  88. width:8px;
  89. height:4px;
  90. background:transparent;
  91. }
  92.  
  93. ::-webkit-scrollbar-thumb{
  94. background-color:{color:scrollbar};
  95. }
  96.  
  97. body{
  98. color:{color:Text};
  99. font-family:calibri;
  100. font-size:8px;
  101. letter-spacing:1px;
  102. text-transform:uppercase;
  103. line-height:13px;
  104. background-size:repeat;
  105. background-attachment:fixed;
  106. background-image:url({image:Background});
  107. background-color:{color:Background};
  108. cursor: url(http://static.tumblr.com/p3mk1pa/zzqnm79h1/cur817.gif), auto;
  109. }
  110.  
  111. a:link, a:active, a:visited{
  112. color:{color:Link};
  113. text-decoration:none;
  114. -webkit-transition:all 0.6s ease-out;
  115. -moz-transition:all 0.6s ease-out;
  116. -o-transition:all 0.6s ease-out;
  117. transition:all 0.6s ease-out;
  118. }
  119.  
  120. a:hover{
  121. color:{color:Hover};
  122. text-decoration:none;
  123. -webkit-transition:all 0.3s ease-out;
  124. -moz-transition:all 0.3s ease-out;
  125. -o-transition:all 0.3s ease-out;
  126. transition:all 0.3s ease-out;
  127. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  128. }
  129.  
  130. #s-m-t-tooltip{
  131. max-width:300px;
  132. margin:10px;
  133. padding:3px 6px;
  134. color:white;
  135. font-family:calibri;
  136. font-size:8px;
  137. text-transform:uppercase;
  138. letter-spacing:1px;
  139. background:rgba(0,0,0,0.7);
  140. z-index:9999999999!important;
  141. }
  142.  
  143. #audio {
  144. width:200px;
  145. height:auto;
  146. min-height:60px;
  147. padding-bottom:0px;
  148. }
  149.  
  150. .cover {
  151. position:absolute;
  152. z-index:1;
  153. width:80px;
  154. height:80px;
  155. margin-left:60%;
  156. }
  157.  
  158. .cover img {
  159. float:right;
  160. width:80px;
  161. height:80px;
  162. }
  163.  
  164. .playbox {
  165. opacity:.6;
  166. width:27px;
  167. height:30px;
  168. overflow:hidden;
  169. position:absolute;
  170. z-index:1000;
  171. margin-left:0;
  172. margin-top:26px;
  173. text-align:center;
  174. margin-left:70%;
  175. }
  176.  
  177. .info {
  178. margin-left:0px;
  179. text-align:center;
  180. margin-top:0px;
  181. width:161px;
  182. height:70px;
  183. border-bottom:10px solid white;
  184. padding:5px;
  185. line-height:14px;
  186. background:{color:sidebar};
  187. color:white;
  188. }
  189.  
  190. #cunt{width:250px; height:auto;}
  191. {block:PermalinkPage}
  192. width:10px;
  193. {/block:PermalinkPage}
  194. }
  195.  
  196. #center{
  197. padding-top:3px;
  198. padding-bottom:3px;
  199. position:fixed !important;
  200. width:250px;
  201. height:207px;
  202. background-color:#fff;
  203. {block:PermalinkPage}
  204. width:410px;
  205. height:207px;
  206. {/block:PermalinkPage}
  207. }
  208.  
  209. #posts{
  210. float:center;
  211. {block:indexpage}
  212. width:1800px;
  213. margin-left:-450px;
  214. {/block:indexpage}
  215. {block:permalinkpage}
  216. width:600px;
  217. {/block:permalinkpage}
  218. padding-top:60px;
  219. }
  220.  
  221. #entry img{
  222. display:block;
  223. {block:indexpage}
  224. background:#fff;
  225. max-width:250px;
  226. opacity:1;
  227. -webkit-transition: all .1s ease-in-out;
  228. -moz-transition: all .1s ease-in-out;
  229. -o-transition: all .1s ease-in-out;
  230. transition: all .1s ease-in-out;
  231. {/block:indexpage}
  232. }
  233.  
  234. #entry{
  235. overflow:hidden;
  236. margin-bottom:30px;
  237. margin-left:560px;
  238. float:left;
  239. background:#fff;
  240. font-size:8px;
  241. letter-spacing:2px;
  242. line-height:13px;
  243. text-transform:uppercase;
  244. width:250px;
  245. padding:15px;
  246. border:1px solid {color:posts};
  247. box-shadow:{color:posts} 6px 6px;
  248. {block:PermalinkPage}
  249. opacity:1;
  250. width:360px;
  251. margin-top:10px;
  252. margin-left:420px;
  253. z-index:999;
  254. border:1px double {color:posts};
  255. {/block:PermalinkPage}
  256. -webkit-transition: all .5s ease-in-out;
  257. -moz-transition: all .5s ease-in-out;
  258. -o-transition: all .5s ease-in-out;
  259. transition: all .5s ease-in-out;
  260. }
  261.  
  262. #entry .perma{
  263. position:absolute;
  264. overflow:hidden;
  265. left:30%;
  266. top:32%;
  267. width:100px;
  268. height:100px;
  269. font-family:consolas;
  270. font-size:8px;
  271. line-height:25px;
  272. letter-spacing:2px;
  273. text-align:center;
  274. text-transform:uppercase;
  275. background: rgba( {RGBcolor:Permalink}, 0.9);
  276. border:2px solid #fff;
  277. padding:3px;
  278. outline:3px solid #fff;
  279. outline-offset:5px;
  280. opacity:0;
  281. z-index:999;
  282. }
  283.  
  284. #entry:hover .perma{
  285. opacity:1;
  286. font-weight:bold;
  287. }
  288.  
  289. #entry .fade{
  290. position:absolute;
  291. width:250px;
  292. height:calc(100% - 30px);
  293. background: rgba(0,0,0,.2);
  294. outline:2px solid #fff;
  295. outline-offset:-5px;
  296. margin-left:0px;
  297. margin-top:0px;
  298. opacity:0;
  299. z-index:9;
  300. }
  301.  
  302. #entry:hover .fade{
  303. opacity:1;
  304.  
  305. }
  306.  
  307. .permalinktext{
  308. position:absolute;
  309. margin-top:-9px;
  310. margin-left:-15px;
  311. width:270px;
  312. display:block;
  313. text-transform:uppercase;
  314. background:white;
  315. color:{color:text};
  316. border-top:1px solid {color:posts};
  317. padding:5px;
  318. }
  319.  
  320. .permalinktext a:hover{
  321. font-weight:bold;
  322. letter-spacing:3px;
  323. color:{color:text};
  324. }
  325.  
  326. .triangle{
  327. position:absolute;
  328. width: 0px;
  329. height: 0px;
  330. margin-left:185px;
  331. margin-top:-8px;
  332. border-top: 12px solid transparent;
  333. border-bottom: 12px solid transparent;
  334. border-right: 12px solid {color:ask};
  335. transform: rotate(180deg);
  336. -ms-transform: rotate(180deg);
  337. -webkit-transform: rotate(180deg);
  338. -o-transform: rotate(180deg);
  339. -moz-transform: rotate(180deg);
  340. }
  341.  
  342. .title{
  343. line-height:15px;
  344. color:{color:Title};
  345. font-style:italic;
  346. letter-spacing:1px;
  347. font-family: 'Source Sans Pro', sans-serif;
  348. font-size:23px;
  349. }
  350.  
  351. #blogtitle{
  352. position: fixed !important;
  353. z-index:9999;
  354. width:250px;
  355. margin-top:-20px;
  356. margin-left:0px;
  357. color:{color:Blogtitle};
  358. font-family: 'Source Sans Pro', sans-serif;
  359. font-size:23px;
  360. letter-spacing:1px;
  361. line-height:10px;
  362. }
  363.  
  364. #sidebar{
  365. position:fixed !important;
  366. width:140px;
  367. height:140px;
  368. top:40%;
  369. {block:indexpage}
  370. left:39%;
  371. {/block:indexpage}
  372. {block:permalinkpage}
  373. left:8%;
  374. top:25%;
  375. {/block:permalinkpage}
  376. z-index:9999;
  377. }
  378.  
  379. #desc{
  380. position:fixed !important;
  381. {block:ifscrolldesc}
  382. margin-left:10px;
  383. {/block:ifscrolldesc}
  384. {block:ifshowdesc}
  385. margin-left:150px;
  386. {/block:ifshowdesc}
  387. margin-top:0px;
  388. width:130px;
  389. height:130px;
  390. padding:10px;
  391. color:white;
  392. background:{color:sidebar};
  393. font-size:8px;
  394. line-height:13.5px;
  395. font-family:calibri;
  396. text-transform:uppercase;
  397. letter-spacing:2px;
  398. font-style:italic;
  399. text-align:justify;
  400. opacity:1;
  401. z-index:1;
  402. -webkit-transition: all .5s ease-in-out;
  403. -moz-transition: all .5s ease-in-out;
  404. -o-transition: all .5s ease-in-out;
  405. transition: all .5s ease-in-out;
  406. }
  407.  
  408. #desc:hover{
  409. {block:ifscrolldesc}
  410. margin-left:150px;
  411. {/block:ifscrolldesc}
  412. }
  413.  
  414. #links{
  415. position:fixed!important;
  416. margin-left:30px;
  417. top:3px;
  418. opacity:1;
  419. z-index:9999;
  420. -webkit-transition:all 0.7s ease-in-out;
  421. -moz-transition:all 0.7s ease-in-out;
  422. transition:all 0.7s ease-in-out;
  423. }
  424.  
  425. #links a{
  426. width:auto;
  427. margin-left:5px;
  428. display:inline-block;
  429. color:{color:text};
  430. text-align:center;
  431. font-family:calibri;
  432. font-size:8px;
  433. font-style:italic;
  434. text-transform:uppercase;
  435. letter-spacing:2px;
  436. padding:3px;
  437. opacity:1;
  438. }
  439.  
  440. #links a:hover{
  441. letter-spacing:5px;
  442. font-weight:bold;
  443. }
  444.  
  445. #top{
  446. position:fixed;
  447. top:0px;
  448. left:0px;
  449. width:100%;
  450. height:25px;
  451. background:{color:borders};
  452. z-index:999;
  453. }
  454.  
  455. #bottom{
  456. position:fixed;
  457. bottom:0px;
  458. left:0px;
  459. width:100%;
  460. height:25px;
  461. background:{color:borders};
  462. z-index:9999;
  463. }
  464.  
  465. #right{
  466. position:fixed;
  467. top:0px;
  468. right:0px;
  469. width:25px;
  470. height:100%;
  471. background:{color:borders};
  472. z-index:9999;
  473. }
  474.  
  475. #left{
  476. position:fixed;
  477. top:0px;
  478. left:0px;
  479. width:25px;
  480. height:100%;
  481. background:{color:borders};
  482. z-index:9999;
  483. }
  484.  
  485. .chat ul {
  486. list-style: none;
  487. margin: 0;
  488. padding: 0;
  489. border-bottom:28px solid #fff;
  490. }
  491.  
  492. .chat li {
  493. border-radius: 0.2em;
  494. color:white;
  495. padding: 2%;
  496. width:96%;
  497. margin-left:0px;
  498. {block:PermalinkPage}
  499. margin-left:-10px;
  500. {/block:PermalinkPage}
  501. }
  502.  
  503. .chat .odd {
  504. float: left;
  505. text-align:left;
  506. width:200px;
  507. border-bottom:20px solid #fff;
  508. background:{color:ask};
  509. }
  510. .chat .even {
  511. float:right;
  512. text-align:right;
  513. width:200px;
  514. border-bottom:20px solid #fff;
  515. background: rgba( {RGBcolor:Permalink}, 0.8);
  516. }
  517.  
  518. #permapage{
  519. {block:permalinkpage}
  520. position:fixed !important;
  521. width:300px;
  522. height:auto;
  523. left:850px;
  524. top:15%;
  525. z-index:9999;
  526. {/block:permalinkpage}
  527. }
  528.  
  529. #content #posts #tags {
  530. font-size:8px;
  531. }
  532.  
  533. #infscr-loading{
  534. bottom: -70px;
  535. position: absolute;
  536. left: 50%;
  537. margin-left:-8px;
  538. width:16px;
  539. height:11px;
  540. overflow:hidden;
  541. margin-bottom: 50px;
  542. }
  543.  
  544. #postnotes{
  545. text-align: justify;}
  546.  
  547. #postnotes blockquote{
  548. border: 0px;}
  549.  
  550. blockquote{
  551. padding:0px 0px 2px 5px;
  552. margin:0px 0px 2px 10px;
  553. border-left: 1px dotted #eee;
  554. }
  555.  
  556. blockquote p, ul{
  557. margin:0px;
  558. padding:0px;
  559. }
  560.  
  561. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  562. .user_7 .label, .user_8 .label, .user_9 .label {color:Title};}
  563. </style>
  564.  
  565. <title>{Title}</title>
  566. <link rel="shortcut icon" href="{favicon}">
  567.  
  568. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  569. <meta name="viewport" content="width=720" />
  570. </head>
  571.  
  572. <body>
  573. <div id="center">
  574. <div id="content">
  575.  
  576. <div id="top"></div>
  577. <div id="bottom"></div>
  578. <div id="right"></div>
  579. <div id="left"></div>
  580.  
  581. <div id="links">
  582. <a href="{text:Link One}">{text:Link One Title} <i class="fa fa-refresh"></i></a>
  583. <a href="{text:Link Two}">{text:Link Two Title} <i class="fa fa-comment"></i></a>
  584. <a href="{text:Link Three}">{text:Link Three Title} <i class="fa fa-tag"></i></a>
  585. <a href="{text:Link Four}">{text:Link Four Title} <i class="fa fa-heart"></i></a>
  586. <a href="{text:Link Five}">{text:Link Five Title} <i class="fa fa-star"></i></a>
  587. </div>
  588.  
  589. <div id="sidebar">
  590.  
  591. <div id="blogtitle">{text:Blogtitle}</div>
  592.  
  593. <div id="desc">{description}</div>
  594.  
  595. <img src="{image:sidebar}" style="position:fixed; background:#f5f5f5; width:150px; height:150px; outline:2px solid #fff; outline-offset:-5px; z-index:9;"></div>
  596.  
  597. <div id="posts">
  598. {block:Posts}
  599. <div id="entry">
  600.  
  601. {block:Text}
  602. {block:Title}<span class="title">{Title}</span>{/block:Title}
  603. <span class="entrytext">{Body}</span></a>
  604. {block:IndexPage}<br>
  605. <div class="permalinktext">
  606. Posted on {Month} {DayOfMonthWithSuffix}, {Year} <a href="{permalink}" style="float:right;">{notecount} notes</a></div>
  607. {/block:IndexPage}
  608. {/block:Text}
  609.  
  610. {block:Link}
  611. <a href="{URL}" class="title" style="line-height:25px; color:{color:link};"><i class="fa fa-external-link"></i> {Name}</a>
  612. {block:Description}>{Description}{/block:Description}
  613. {block:IndexPage}<br>
  614. <div class="permalinktext">
  615. Posted on {Month} {DayOfMonthWithSuffix}, {Year} <a href="{permalink}" style="float:right;">{notecount} notes</a></div>
  616. {/block:IndexPage}
  617. {block:Link}
  618.  
  619. {block:Photo}{block:IndexPage}<div class="lovely"></div>
  620. <div class="fade"></div>
  621. <div class="perma">
  622. <font color="#fff" style="border-bottom:1px solid #fff; padding-top:5px; padding-bottom:5px;">{ShortMonth} {DayOfMonthWithSuffix}, {Year}</font>
  623. <font color="#fff" style="border-bottom:1px solid #fff; padding-top:5px; padding-bottom:5px;">{NoteCountWithLabel}</font>
  624. <a href="{ReblogURL}"><font color="#fff" style="border-bottom:1px solid #fff; padding-top:5px; padding-bottom:5px;">reblog</font></a><br>
  625. <a href="{Permalink}"><font color="#fff">More info</font></a>
  626. </div>
  627. {/block:IndexPage}
  628.  
  629. {block:IndexPage}
  630. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=250px;>
  631. {/block:IndexPage}
  632. {block:permalinkpage}{LinkOpenTag}<center>
  633. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=360px;>
  634. {LinkCloseTag}</center>{/block:permalinkpage}
  635. {/block:Photo}
  636.  
  637. {block:Quote}
  638. <div class="quote"><font style="font-size: 20px; line-height:25px; font-family: 'Source Sans Pro', sans-serif;">❝ {quote} ❞</font></div>
  639. {block:IndexPage}<br><br>
  640. <div class="permalinktext">
  641. Posted on {Month} {DayOfMonthWithSuffix}, {Year} <a href="{permalink}" style="float:right;">{notecount} notes</a></div>
  642. {/block:IndexPage}
  643. {/block:Quote}
  644.  
  645. {block:Chat}
  646. {block:Title}<span class="title">{Title}</span><br><br>{/block:Title}
  647. <div class="chat">
  648. <ul>
  649. {block:Lines}<li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>{/block:Lines}
  650. </ul>
  651. </div>
  652. {block:IndexPage}<br>
  653. <div class="permalinktext" style="bottom:0px;">
  654. Posted on {Month} {DayOfMonthWithSuffix}, {Year} <a href="{permalink}" style="float:right;">{notecount} notes</a></div>
  655. {/block:IndexPage}
  656. {/block:Chat}
  657.  
  658. {block:Audio}
  659. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><br><span{block:TrackName} style="display:none;"{/block:TrackName}><b>Unknown</b></span>{block:TrackName}<font style="font-family: 'Source Sans Pro', sans-serif; font-size:20px; margin-top:5px;">{TrackName}</font>{/block:TrackName}<br><span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</div></div>
  660. {block:IndexPage}<br>
  661. <div class="permalinktext">
  662. Posted on {Month} {DayOfMonthWithSuffix}, {Year} <a href="{permalink}" style="float:right;">{notecount} notes</a></div>
  663. {/block:IndexPage}
  664. {/block:Audio}
  665.  
  666. {block:photoset}
  667. {block:IndexPage}
  668. {photoset-250}<br>
  669. <div class="permalinktext">
  670. Posted on {Month} {DayOfMonthWithSuffix}, {Year} <a href="{permalink}" style="float:right;">{notecount} notes</a></div>
  671. {/block:IndexPage}
  672. {block:permalinkpage}
  673. {photoset-400}
  674. {/block:permalinkpage}
  675. {/block:photoset}
  676.  
  677. {block:Video}
  678. <center>{block:IndexPage}
  679. <div style="width:200px; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>
  680. <div class="permalinktext">
  681. Posted on {Month} {DayOfMonthWithSuffix}, {Year} <a href="{permalink}" style="float:right;">{notecount} notes</a></div>
  682. {/block:IndexPage}</center>
  683. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden; overflow-y:hidden">{Video-500}{/block:PermalinkPage}</center>
  684. {block:Video}
  685.  
  686. {block:Answer}
  687. <askk><div style="font-family: 'Source Sans Pro', sans-serif; letter-spacing:2px; font-size:20px; text-align:left; margin-left:0px;">{Asker}</askk></div><br>
  688. <div class="triangle"></div>
  689. <div style="margin-left:-5px; margin-top:-10px;">
  690. <img src="{AskerPortraitURL-64}" width="64" align="right" style="margin-top:0px; outline:0px solid transparent;"><br>
  691. <div style="margin-top:-13px; margin-left:5px; border-radius:0px; padding:7px; background:{color:ask}; text-align:justify; text-transform:uppercase; font-family:calibri; font-size:8px; color:white; letter-spacing:2px; width:172px;">
  692. {Question}</div><br>
  693. <div style=" font-family: 'Source Sans Pro', sans-serif; letter-spacing:2px; font-size:20px; padding-bottom:5px; text-align:right;">Answer:</div>
  694. <div style="margin-left:0px; margin-top:0px;">
  695. <div class="triangle" style="transform: rotate(0deg);
  696. -ms-transform: rotate(0deg);
  697. -webkit-transform: rotate(0deg);
  698. -o-transform: rotate(0deg);
  699. -moz-transform: rotate(0deg); border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid #f5f5f5; margin-left:52px; margin-top:10px;"></div>
  700. <img src="{PortraitURL-64}" width="64" align="left" style="margin-top:0px; outline:0px solid transparent;"></div>
  701. <div style="margin-top:0px; margin-left:64px; text-transform:uppercase; font-family:calibri; font-size:8px; color:{color:text}; letter-spacing:2px; background:#f5f5f5; text-align:justify; padding:5px; width:176px;">{Answer}</div></div>
  702. {block:IndexPage}<br><br>
  703. <div class="permalinktext">
  704. Posted on {Month} {DayOfMonthWithSuffix}, {Year} <a href="{permalink}" style="float:right;">{notecount} notes</a></div>
  705. {/block:IndexPage}
  706. {/block:Answer}
  707.  
  708. {block:PermalinkPage}
  709. <div id="permapage">
  710. {block:caption}<div style="font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px;">{caption}</div>{/block:caption}
  711. {block:Date}<div style="font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px;"><b><i class="fa fa-clock-o"></i> posted:</b> {DayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix} {Year} at {12Hour}:{Minutes} {AmPm} {/block:Date}<br>
  712. {block:NoteCount}<b><i class="fa fa-share-alt"></i> Notes:</b> {NoteCount}<br></div>{/block:NoteCount}
  713. {block:RebloggedFrom}<b><i class="fa fa-retweet"></i> Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br><div style="font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px;"><b><i class="fa fa-location-arrow"></i> source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
  714. {block:HasTags}<div id="tags"><b><i class="fa fa-tags"></i> tags:</b>
  715. {block:Tags}
  716. <a href="{TagURL}">#{Tag} </a>
  717. {/block:Tags}
  718. </div>
  719. {/block:HasTags}
  720. {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}</justify>
  721. {block:PostNotes}
  722. <div id="postnotes"> <div style="overflow:auto; width:320px; height:210px; text-align:justify; font-family:calibri; font-size:8px; text-transform:uppercase; letter-spacing:2px; margin-left:-20px;">{PostNotes}</div></div>
  723. {/block:PostNotes}
  724. </div>
  725. {/block:PermalinkPage}
  726.  
  727. </div>{/block:Posts}
  728. </div></div></div>{/block:NextPage}{/block:Pagination}
  729.  
  730. {block:IndexPage}
  731. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  732. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  733.  
  734. <script type="text/javascript">
  735. $(window).load(function(){
  736. var $wall = $('#posts');
  737. $wall.imagesLoaded(function(){
  738. $wall.masonry({
  739. itemSelector: '.entry, .entry_photo',
  740. isAnimated : false
  741. });
  742. });
  743.  
  744. $wall.infinitescroll({
  745. navSelector : '#pagination',
  746. nextSelector : '#pagination a',
  747. itemSelector : '.entry, .entry_photo',
  748. bufferPx : 2000,
  749. debug : false,
  750. errorCallback: function() {
  751. $('#infscr-loading').fadeOut('normal');
  752. }},
  753. function( newElements ) {
  754. var $newElems = $( newElements );
  755. $newElems.hide();
  756. $newElems.imagesLoaded(function(){
  757. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  758. });
  759. }); $('#posts').show(500);
  760. });
  761. </script>
  762.  
  763.  
  764. {/block:IndexPage}
  765.  
  766.  
  767.  
  768. <body onkeydown="return false">
  769. </body>
  770.  
  771. <div style="z-index:9999; position:fixed; bottom:28px; right:30px; opacity:.8"><a href="http://seedfawn.tumblr.com" title="Theme by seedfawn"><img src="http://static.tumblr.com/p3mk1pa/t8xnx5qi8/tumblr_inline_mkqs2xiuzi1qz4rgp.png" width="auto"></a></div>
  772. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement