API tools faq
paste
Advertisement
Seedfawn

Theme 18

Seedfawn
Sep 20th, 2015
949
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.87 KB | None | 0 0
raw download clone embed print report
  1. <!-- THIS THEME WAS MADE BY SEEDFAWN. PLEASE KEEP THE CREDIT AND HAVE A NICE DAY!-->
  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=Playfair+Display' rel='stylesheet' type='text/css'>
  43.  
  44. <meta name="image:Background" content=""/>
  45. <meta name="image:Sidebar" content=""/>
  46. <meta name="if:Faded Sidebar" content="0"/>
  47. <meta name="if:Grayscale Sidebar" content="1"/>
  48. <meta name="if:Faded Posts" content="0"/>
  49. <meta name="if:Grayscale Posts" content="1"/>
  50. <meta name="if:One Column" content="1"/>
  51. <meta name="if:Two Column" content="0"/>
  52. <meta name="if:Three Column" content="0"/>
  53. <meta name="color:Background" content="#f5f5f5"/>
  54. <meta name="color:Title" content="#222"/>
  55. <meta name="color:Text" content="#444"/>
  56. <meta name="color:Link" content="#666"/>
  57. <meta name="color:Hover" content="#888"/>
  58. <meta name="color:Blogtitle" content="#666"/>
  59. <meta name="color:Navigation" content="#444"/>
  60. <meta name="color:Permalink" content="#444"/>
  61. <meta name="color:Scrollbar" content="#666"/>
  62. <meta name="text:Blogtitle" content="Vouge"/>
  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="http://seedfawn.tumblr.com" />
  67. <meta name="text:Link One Title" content="Home"/>
  68. <meta name="text:Link Two Title" content="Message"/>
  69. <meta name="text:Link Three Title" content="Links"/>
  70. <meta name="text:Link Four Title" content="Credit"/>
  71. </script>
  72.  
  73. <style type="text/css">
  74.  
  75. @-webkit-keyframes pop-in {
  76. 0% { opacity: 0; -webkit-transform: scale(0); }
  77. 100% { opacity: 1; -webkit-transform: scale(1); }
  78. }
  79. @-moz-keyframes pop-in {
  80. 0% { opacity: 0; -moz-transform: scale(0); }
  81. 100% { opacity: 1; -moz-transform: scale(1); }
  82. }
  83. @keyframes pop-in {
  84. 0% { opacity: 0; transform: scale(0); }
  85. 100% { opacity: 1; transform: scale(1); }
  86. }
  87.  
  88. .tmblr-iframe{
  89. z-index:9999999999!important;
  90. opacity:.2 !important;
  91. -webkit-filter:invert(100%);
  92. top:5px !important;
  93. right:5px !important;
  94. position:fixed!important;
  95. }
  96.  
  97. ::-webkit-scrollbar-thumb{
  98. background-color:{color:scrollbar};
  99. height:auto;
  100. }
  101.  
  102. ::-webkit-scrollbar{
  103. height:9px;
  104. width:5px;
  105. }
  106.  
  107. body {
  108. color:{color:Text};
  109. font-family:calibri;
  110. text-transform:none;
  111. font-size:8px;
  112. line-height:12px;
  113. background-size:repeat;
  114. background-attachment:fixed;
  115. background-image:url({image:Background});
  116. background-color:{color:Background};
  117. cursor: url(http://static.tumblr.com/p3mk1pa/zzqnm79h1/cur817.gif), auto;
  118. }
  119.  
  120. a:link, a:active, a:visited{
  121. color:{color:Link};
  122. text-decoration:none;
  123. -webkit-transition:all 0.6s ease-out;
  124. -moz-transition:all 0.6s ease-out;
  125. -o-transition:all 0.6s ease-out;
  126. transition:all 0.6s ease-out;
  127. cursor: url(http://static.tumblr.com/p3mk1pa/zzqnm79h1/cur817.gif), auto;
  128. }
  129.  
  130. a:hover{
  131. color:{color:Hover};
  132. text-decoration:none;
  133. -webkit-transition:all 0.5s ease-out;
  134. -moz-transition:all 0.5s ease-out;
  135. -o-transition:all 0.5s ease-out;
  136. transition:all 0.5s ease-out;
  137. cursor: url(http://static.tumblr.com/p3mk1pa/zzqnm79h1/cur817.gif), auto;
  138. }
  139.  
  140. #s-m-t-tooltip{
  141. max-width:300px;
  142. margin:10px;
  143. padding:3px 5px;
  144. background:transparent;
  145. color:{color:text};
  146. font-family:calibri;
  147. font-size:8px;
  148. opacity:.5;
  149. text-transform:uppercase;
  150. letter-spacing:1px;
  151. z-index:9999999999!important;
  152. }
  153.  
  154. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  155. #audio {
  156. width:200px;
  157. height:auto;
  158. min-height:60px;
  159. padding-bottom:0px;
  160. }
  161.  
  162. .cover {
  163. position:absolute;
  164. z-index:1;
  165. width:60px;
  166. height:60px;
  167. z-index:999;
  168. }
  169.  
  170. .cover img {
  171. float:left;
  172. width:60px;
  173. height:60px;
  174. outline:1px solid #fff;
  175. outline-offset:-2px;
  176. }
  177.  
  178. .playbox {
  179. opacity:0.6;
  180. width:27px;
  181. height:30px;
  182. overflow:hidden;
  183. position:absolute;
  184. z-index:1000;
  185. margin-left:17px;
  186. margin-top:17px;
  187. text-align:center;
  188. }
  189.  
  190. .info {
  191. margin-left:73px;
  192. margin-top:4px;
  193. line-height:14px;
  194. }
  195.  
  196. #cunt{width:250px; height:auto;}
  197. {block:PermalinkPage}
  198. width:10px;
  199. {/block:PermalinkPage}
  200. }
  201.  
  202. #center{
  203. padding-top:3px;
  204. padding-bottom:3px;
  205. position:fixed !important;
  206. width:250px;
  207. height:207px;
  208. background-color:#fff;
  209. {block:PermalinkPage}
  210. width:410px;
  211. height:207px;
  212. {/block:PermalinkPage}
  213. }
  214.  
  215. #posts{
  216. float:center;
  217. {block:indexpage}
  218. {block:ifonecolumn}
  219. width:250px;
  220. margin-left:400px;
  221. {/block:ifonecolumn}
  222. {block:iftwocolumn}
  223. width:600px;
  224. margin-left:400px;
  225. {/block:iftwocolumn}
  226. {block:ifthreecolumn}
  227. width:900px;
  228. margin-left:350px;
  229. {/block:ifthreecolumn}
  230. {/block:indexpage}
  231. {block:PermalinkPage}
  232. width:0px;
  233. padding-top:5px;
  234. margin-left:400px;
  235. {/block:PermalinkPage}
  236. padding-top:10px;
  237. }
  238.  
  239. #entry img{
  240. {block:indexpage}
  241. max-width:250px;
  242. display:block;
  243. {block:ifFadedPosts}
  244. opacity:.7;
  245. {/block:ifFadedPosts}
  246. {block:ifGrayscalePosts}
  247. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
  248. filter: gray; /* IE6-9 */
  249. filter: grayscale(100%);
  250. -webkit-filter: grayscale(100%);
  251. -moz-filter: grayscale(100%);
  252. {/block:ifGrayscalePosts}
  253. -webkit-transition:all 0.7s ease-out;
  254. -moz-transition:all 0.7s ease-out;
  255. transition:all 0.7s ease-out;
  256. {/block:indexpage}
  257. {block:permalinkpage}
  258. box-shadow:rgba(0,0,0,.04) 5px 5px;
  259. {/block:permalinkpage}
  260. }
  261.  
  262. #entry img:hover{
  263. {block:indexpage}
  264. {block:ifFadedPosts}
  265. opacity:1;
  266. {/block:ifFadedPosts}
  267. {block:ifGrayscalePosts}
  268. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
  269. filter: gray; /* IE6-9 */
  270. filter: grayscale(40%);
  271. -webkit-filter: grayscale(40%);
  272. -moz-filter: grayscale(40%);
  273. {/block:ifGrayscalePosts}
  274. {/block:indexpage}
  275. }
  276.  
  277. #entry{
  278. float:left;
  279. font-size:8px;
  280. line-height:13px;
  281. display:block;
  282. text-transform:uppercase;
  283. letter-spacing:1px;
  284. width:250px;
  285. padding:20px;
  286. {block:PermalinkPage}
  287. opacity:1;
  288. width:250px;
  289. height:100%;
  290. margin-top:-20px;
  291. margin-left:0px;
  292. z-index:999;
  293. box-shadow:rgba(0,0,0,0) 0px 0px;
  294. {/block:PermalinkPage}
  295. }
  296.  
  297. #entry .perma{
  298. position:absolute;
  299. width:10px;
  300. height:10px;
  301. margin-left:-30px;
  302. margin-top:-10px;
  303. z-index:99;
  304. overflow:hidden;
  305. color:transparent;
  306. background:{color:permalink};
  307. opacity:1;
  308. -webkit-transform: scale(0);
  309. -webkit-transition:opacity 0.5s linear;
  310. -webkit-transition:all 0.5s linear;
  311. -moz-transition:all 0.5s linear;
  312. transition:all 0.5s linear;
  313. }
  314.  
  315. #entry:hover .perma{
  316. overflow:visible;
  317. -webkit-transform: scale(1);
  318. }
  319.  
  320. #entry .perma2{
  321. position:absolute;
  322. width:10px;
  323. height:10px;
  324. margin-left:-15px;
  325. margin-top:-10px;
  326. z-index:99;
  327. overflow:hidden;
  328. color:transparent;
  329. background:{color:permalink};
  330. opacity:1;
  331. -webkit-transform: scale(0);
  332. -webkit-transition:opacity 0.5s linear;
  333. -webkit-transition:all 0.5s linear;
  334. -moz-transition:all 0.5s linear;
  335. transition:all 0.5s linear;
  336. }
  337.  
  338. #entry:hover .perma2{
  339. overflow:visible;
  340. -webkit-transform: scale(1);
  341. }
  342.  
  343. #entry .perma3{
  344. position:absolute;
  345. width:28px;
  346. margin-left:-50px;
  347. margin-top:-23px;
  348. z-index:99;
  349. overflow:hidden;
  350. color:{color:permalink};
  351. text-align:right;
  352. opacity:0;
  353. font-size:8px;
  354. font-family:calibri;
  355. letter-spacing:1px;
  356. text-transform:uppercase;
  357. z-index:1;
  358. -webkit-transition:opacity 0.5s linear;
  359. -webkit-transition:all 0.5s linear;
  360. -moz-transition:all 0.5s linear;
  361. transition:all 0.5s linear;
  362. }
  363.  
  364. #entry:hover .perma3{
  365. overflow:visible;
  366. opacity:1;
  367. margin-left:-30px;
  368. }
  369.  
  370. .permalinktext{
  371. display:block;
  372. width:237px;
  373. text-align:center;
  374. font-size:8px;
  375. letter-spacing:1px;
  376. font-size:8px;
  377. font-family:consolas;
  378. text-transform:uppercase;
  379. background:#fbfbfb;
  380. border:1px solid #ddd;
  381. padding:6px;
  382. color:{color:text};
  383. }
  384.  
  385. #entry .reblogg{
  386. position:absolute;
  387. width:24px;
  388. height:24px;
  389. margin-top:-23px;
  390. margin-left:7px;
  391. background:transparent;
  392. opacity:1;
  393. z-index:99;
  394. -webkit-transition:opacity 0.7s linear;
  395. -webkit-transition:all 0.7s linear;
  396. -moz-transition:all 0.7s linear;
  397. transition:all 0.7s linear;
  398. }
  399.  
  400. #entry .likee{
  401. position:absolute;
  402. width:24px;
  403. height:24px;
  404. margin-top:-23px;
  405. margin-left:222px;
  406. background:transparent;
  407. opacity:1;
  408. z-index:99;
  409. -webkit-transition:opacity 0.7s linear;
  410. -webkit-transition:all 0.7s linear;
  411. -moz-transition:all 0.7s linear;
  412. transition:all 0.7s linear;
  413. }
  414.  
  415. .title{
  416. font-size:30px;
  417. font-family: 'Playfair Display', serif;
  418. color:{color:title};
  419. Line-height:35px;
  420. }
  421.  
  422. .title:hover{
  423. text-decoration:none;
  424. }
  425.  
  426. #blogtitle{
  427. position: fixed !important;
  428. width:170px;
  429. margin-top:-12px;
  430. margin-left:5px;
  431. color:{color:blogtitle};
  432. font-family: 'Playfair Display', serif;
  433. text-transform:uppercase;
  434. font-size:30px;
  435. text-align:right;
  436. opacity:1;
  437. z-index:999;
  438. -webkit-transition:all 0.7s ease-in-out;
  439. -moz-transition:all 0.7s ease-in-out;
  440. transition:all 0.7s ease-in-out;
  441. }
  442.  
  443. #sidebar{
  444. position:fixed !important;
  445. margin-top:150px;
  446. margin-left:100px;
  447. width:220px;
  448. height:190px;
  449. z-index:9999;
  450. }
  451.  
  452. #desc{
  453. position:fixed !important;
  454. margin-top:23px;
  455. margin-left:23px;
  456. opacity:0;
  457. padding:5px;
  458. z-index:9999;
  459. -webkit-transition:all 0.7s ease-in-out;
  460. -moz-transition:all 0.7s ease-in-out;
  461. transition:all 0.7s ease-in-out;
  462. }
  463.  
  464. #sidebar:hover #desc{
  465. opacity:1;
  466. }
  467.  
  468. #link1{
  469. position:fixed;
  470. margin-top:15px;
  471. margin-left:145px;
  472. z-index:9;
  473. -webkit-transition:all 0.7s ease-in-out;
  474. -moz-transition:all 0.7s ease-in-out;
  475. transition:all 0.7s ease-in-out;
  476. }
  477.  
  478. #sidebar:hover #link1{
  479. margin-left:185px;
  480. }
  481.  
  482. #linkone{
  483. width:10px;
  484. height:10px;
  485. display:inline-block;
  486. font-size:10px;
  487. text-align:center;
  488. background:transparent;
  489. color:white;
  490. padding-left:8px;
  491. padding-right:8px;
  492. padding-top:5px;
  493. padding-bottom:11px;
  494. font-family:calibri;
  495. line-height:10px;
  496. text-transform:uppercase;
  497. letter-spacing:2px;
  498. opacity:1;
  499. z-index:9;
  500. -webkit-transition: all 0.5s ease-in-out;
  501. -moz-transition: all 0.5s ease-in-out;
  502. -o-transition: all 0.5s ease-in-out;
  503. }
  504.  
  505. #onebox{
  506. position:fixed;
  507. width:auto;
  508. margin-top:-28px;
  509. margin-left:-100px;
  510. color:#fff;
  511. font-family:calibri;
  512. font-size:8px;
  513. text-transform:uppercase;
  514. background:{color:navigation};
  515. text-align:left;
  516. letter-spacing:2px;
  517. padding:5px;
  518. border-radius:3px;
  519. opacity:0;
  520. z-index:9;
  521. -webkit-transition: all 0.7s ease-in-out;
  522. -moz-transition: all 0.7s ease-in-out;
  523. -o-transition: all 0.7s ease-in-out;
  524. }
  525.  
  526. #link1:hover #onebox{
  527. margin-left:25px;
  528. opacity:1;
  529. }
  530.  
  531. #link2{
  532. position:fixed;
  533. margin-top:45px;
  534. margin-left:145px;
  535. z-index:9;
  536. -webkit-transition:all 0.7s ease-in-out;
  537. -moz-transition:all 0.7s ease-in-out;
  538. transition:all 0.7s ease-in-out;
  539. }
  540.  
  541. #sidebar:hover #link2{
  542. margin-left:185px;
  543. }
  544.  
  545. #linktwo{
  546. width:10px;
  547. height:10px;
  548. display:inline-block;
  549. font-size:10px;
  550. text-align:center;
  551. background:transparent;
  552. color:white;
  553. padding-left:8px;
  554. padding-right:8px;
  555. padding-top:5px;
  556. padding-bottom:11px;
  557. font-family:calibri;
  558. text-transform:uppercase;
  559. letter-spacing:2px;
  560. opacity:1;
  561. z-index:9;
  562. -webkit-transition: all 0.5s ease-in-out;
  563. -moz-transition: all 0.5s ease-in-out;
  564. -o-transition: all 0.5s ease-in-out;
  565. }
  566.  
  567. #twobox{
  568. position:fixed;
  569. width:auto;
  570. margin-top:-28px;
  571. margin-left:-100px;
  572. color:#fff;
  573. font-family:calibri;
  574. font-size:8px;
  575. text-transform:uppercase;
  576. background:{color:navigation};
  577. text-align:left;
  578. letter-spacing:2px;
  579. border-radius:3px;
  580. padding:5px;
  581. opacity:0;
  582. z-index:9;
  583. -webkit-transition: all 0.5s ease-in-out;
  584. -moz-transition: all 0.5s ease-in-out;
  585. -o-transition: all 0.5s ease-in-out;
  586. }
  587.  
  588. #link2:hover #twobox{
  589. margin-left:25px;
  590. opacity:1;
  591. }
  592.  
  593. #link3{
  594. position:fixed;
  595. margin-top:75px;
  596. margin-left:145px;
  597. z-index:9;
  598. -webkit-transition:all 0.7s ease-in-out;
  599. -moz-transition:all 0.7s ease-in-out;
  600. transition:all 0.7s ease-in-out;
  601. }
  602.  
  603. #sidebar:hover #link3{
  604. margin-left:185px;
  605. }
  606.  
  607. #linkthree{
  608. width:10px;
  609. height:10px;
  610. display:inline-block;
  611. font-size:10px;
  612. text-align:center;
  613. background:transparent;
  614. color:white;
  615. padding-left:8px;
  616. padding-right:8px;
  617. padding-top:5px;
  618. padding-bottom:11px;
  619. font-family:calibri;
  620. text-transform:uppercase;
  621. letter-spacing:2px;
  622. opacity:1;
  623. z-index:9;
  624. -webkit-transition: all 0.5s ease-in-out;
  625. -moz-transition: all 0.5s ease-in-out;
  626. -o-transition: all 0.5s ease-in-out;
  627. }
  628.  
  629. #threebox{
  630. position:fixed;
  631. width:auto;
  632. margin-top:-28px;
  633. margin-left:-100px;
  634. color:#fff;
  635. font-family:calibri;
  636. font-size:8px;
  637. text-transform:uppercase;
  638. background:{color:navigation};
  639. text-align:left;
  640. letter-spacing:2px;
  641. border-radius:3px;
  642. padding:5px;
  643. opacity:0;
  644. z-index:9;
  645. -webkit-transition: all 0.5s ease-in-out;
  646. -moz-transition: all 0.5s ease-in-out;
  647. -o-transition: all 0.5s ease-in-out;
  648. }
  649.  
  650. #link3:hover #threebox{
  651. margin-left:25px;
  652. opacity:1;
  653. }
  654.  
  655. #link4{
  656. position:fixed;
  657. margin-top:105px;
  658. margin-left:145px;
  659. z-index:9;
  660. -webkit-transition:all 0.7s ease-in-out;
  661. -moz-transition:all 0.7s ease-in-out;
  662. transition:all 0.7s ease-in-out;
  663. }
  664.  
  665. #sidebar:hover #link4{
  666. margin-left:185px;
  667. }
  668.  
  669. #linkfour{
  670. width:10px;
  671. height:10px;
  672. display:inline-block;
  673. font-size:10px;
  674. text-align:center;
  675. background:transparent;
  676. color:white;
  677. padding-left:8px;
  678. padding-right:8px;
  679. padding-top:5px;
  680. padding-bottom:11px;
  681. font-family:calibri;
  682. text-transform:uppercase;
  683. color:{color:text};
  684. letter-spacing:2px;
  685. opacity:1;
  686. z-index:9;
  687. -webkit-transition: all 0.5s ease-in-out;
  688. -moz-transition: all 0.5s ease-in-out;
  689. -o-transition: all 0.5s ease-in-out;
  690. }
  691.  
  692. #fourbox{
  693. position:fixed;
  694. width:auto;
  695. margin-top:-28px;
  696. margin-left:-100px;
  697. color:#fff;
  698. font-family:calibri;
  699. font-size:8px;
  700. text-transform:uppercase;
  701. background:{color:navigation};
  702. text-align:left;
  703. letter-spacing:2px;
  704. border-radius:3px;
  705. padding:5px;
  706. opacity:0;
  707. z-index:9;
  708. -webkit-transition: all 0.5s ease-in-out;
  709. -moz-transition: all 0.5s ease-in-out;
  710. -o-transition: all 0.5s ease-in-out;
  711. }
  712.  
  713. #link4:hover #fourbox{
  714. margin-left:25px;
  715. opacity:1;
  716. }
  717.  
  718. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  719. #infscr-loading{
  720. bottom: -70px;
  721. position: absolute;
  722. left: 50%;
  723. margin-left:-8px;
  724. width:16px;
  725. height:11px;
  726. overflow:hidden;
  727. margin-bottom: 50px;
  728. }
  729.  
  730. #postnotes{
  731. text-align: justify;}
  732.  
  733. #postnotes blockquote{
  734. border: 0px;}
  735.  
  736. blockquote{
  737. padding:0px 0px 2px 5px;
  738. margin:0px 0px 2px 10px;
  739. border-left: 1px dotted #eee;
  740. }
  741.  
  742. blockquote p, ul{
  743. margin:0px;
  744. padding:0px;
  745. }
  746.  
  747. </style>
  748.  
  749. <title>{Title}</title>
  750.  
  751. <link rel="shortcut icon" href="{favicon}">
  752.  
  753. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  754. <meta name="viewport" content="width=720" />
  755.  
  756. </head>
  757.  
  758. <body>
  759. <div id="center">
  760. <div id="content">
  761.  
  762. <div id="sidebar">
  763.  
  764. <div id="blogtitle">{text:Blogtitle}</div>
  765.  
  766. <div id="desc"><div style="overflow:auto; width:122px; height:119px; font-family:calibri; font-size:8px; text-transform:uppercase; text-align:justify; color:white; letter-spacing:1px; padding:5px;">{description}<br><center></center></div></div>
  767.  
  768. <div id="link1">
  769. <div id="linkone" style="text-align:center; line-height:17px;"><a href="{text:Link One}"><font style="line-height:10px;"><font color="{color:navigation}">あ</font></font></a></div>
  770. <div id="onebox" style="letter-spacing:1px;line-height:140%">{text:link one title}</font>
  771. </div>
  772. </div>
  773.  
  774. <div id="link2">
  775. <div id="linktwo" style="text-align:center; line-height:17px;"><a href="{text:Link Two}"><font style="line-height:10px;"><font color="{color:navigation}">い</font></font></a></div>
  776. <div id="twobox" style="letter-spacing:1px;line-height:140%">{text:link two title}</font>
  777. </div>
  778. </div>
  779.  
  780. <div id="link3">
  781. <div id="linkthree" style="text-align:center; line-height:17px;"><a href="{text:Link Three}"><font style="line-height:10px;"><font color="{color:navigation}">う</font></font></a></div>
  782. <div id="threebox" style="letter-spacing:1px;line-height:140%">{text:link three title}</font>
  783. </div>
  784. </div>
  785.  
  786. <div id="link4">
  787. <div id="linkfour"><a href="{text:Link Four}"><font style="line-height:10px;"><font color="{color:navigation}">え</font></font></a></div>
  788. <div id="fourbox" style="letter-spacing:1px;line-height:140%">{text:link four title}</font>
  789. </div>
  790. </div>
  791.  
  792. <img src="{image:sidebar}" style="position:fixed; width:150px; height:150px; margin-top:8px; margin-left:8px; background:#fbfbfb; border:1px solid {color:post border}; padding:10px; {block:ifFadedSidebar}opacity:.7;{/block:ifFadedSidebar}; {block:ifGrayscaleSidebar}
  793. filter: gray; /* IE6-9 */
  794. filter: grayscale(60%);
  795. -webkit-filter: grayscale(60%);
  796. -moz-filter: grayscale(60%);
  797. {/block:ifGrayscaleSidebar} outline:3px solid #fff; outline-offset:-20px; z-index:9;"></div>
  798.  
  799. </div></div></div></div>
  800.  
  801. <div id="posts">
  802. {block:Posts}
  803. <div id="entry">
  804.  
  805. {block:Text}
  806. {block:Title}<span class="title">{Title}</span>{/block:Title}
  807. <span class="entrytext">{Body}</span></a>
  808. {block:IndexPage}
  809. <div class="permalinktext">
  810. {24Hour}:{Minutes} /
  811. <a href="{permalink}">{notecountwithlabel}</a></div>
  812. <div class="likee">
  813. <a href="{Like}" title="Like" target="_blank">{LikeButton color="grey" size="20"}</a></div>
  814. <div class="reblogg">
  815. <a href="{ReblogURL}" title="Reblog" target="_blank">{ReblogButton color="grey" size="20"}</a></div>
  816. {/block:IndexPage}
  817. {/block:Text}
  818.  
  819. {block:Link}
  820. <a href="{URL}" class="title">{Name}</a>
  821. {block:Description}{Description}{/block:Description}
  822. {block:IndexPage}
  823. <div class="permalinktext">
  824. {24Hour}:{Minutes} /
  825. <a href="{permalink}">{notecountwithlabel}</a></div>
  826. <div class="likee">
  827. <a href="{Like}" title="Like" target="_blank">{LikeButton color="grey" size="20"}</a></div>
  828. <div class="reblogg">
  829. <a href="{ReblogURL}" title="Reblog" target="_blank">{ReblogButton color="grey" size="20"}</a></div>
  830. {/block:IndexPage}
  831. {block:Link}
  832.  
  833. {block:Photo}
  834. {block:IndexPage}
  835. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=250px;>
  836. <div class="perma">
  837. <a href="{Permalink}" target="_blank" title="{notecount}"><font color="{color:permalink}">AA</font></a></div>
  838. <div class="perma2">
  839. <a href="{ReblogURL}" target="_blank" title="reblog"><font color="{color:permalink}">AA</font></a></div>
  840. <div class="perma3">
  841. <font color="{color:permalink}">{24Hour}:{Minutes}</font></div>
  842. {/block:IndexPage}
  843. {block:permalinkpage}{LinkOpenTag}<center>
  844. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=250px;>
  845. {LinkCloseTag}</center>{/block:permalinkpage}
  846. {/block:Photo}
  847.  
  848. {block:Quote}
  849. <div class="quote">❝ {quote}</div>
  850. {block:IndexPage}<br>
  851. <div class="permalinktext">
  852. {24Hour}:{Minutes} /
  853. <a href="{permalink}">{notecountwithlabel}</a></div>
  854. <div class="likee">
  855. <a href="{Like}" title="Like" target="_blank">{LikeButton color="grey" size="20"}</a></div>
  856. <div class="reblogg">
  857. <a href="{ReblogURL}" title="Reblog" target="_blank">{ReblogButton color="grey" size="20"}</a></div>
  858. {/block:IndexPage}
  859. {/block:Quote}
  860.  
  861. {block:Chat}
  862. {block:Title}<span class="title">{Title}</span>{/block:Title}
  863. <ul class="chat">
  864. {block:Lines}
  865. <li class="user_{UserNumber}">
  866. {block:Label}
  867. <span class="label">{Label}</span>
  868. {/block:Label}
  869.  
  870. {Line}<br>
  871. {/block:Lines}
  872. {block:IndexPage}<br>
  873. <div class="permalinktext">
  874. {24Hour}:{Minutes} /
  875. <a href="{permalink}">{notecountwithlabel}</a></div>
  876. <div class="likee">
  877. <a href="{Like}" title="Like" target="_blank">{LikeButton color="grey" size="20"}</a></div>
  878. <div class="reblogg">
  879. <a href="{ReblogURL}" title="Reblog" target="_blank">{ReblogButton color="grey" size="20"}</a></div>
  880. {/block:IndexPage}
  881. {/block:Chat}
  882.  
  883. {block:Audio}
  884. <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"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Lovers</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Touch:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  885. {block:IndexPage}<br>
  886. <div class="permalinktext">
  887. {24Hour}:{Minutes} /
  888. <a href="{permalink}">{notecountwithlabel}</a></div>
  889. <div class="likee">
  890. <a href="{Like}" title="Like" target="_blank">{LikeButton color="grey" size="20"}</a></div>
  891. <div class="reblogg">
  892. <a href="{ReblogURL}" title="Reblog" target="_blank">{ReblogButton color="grey" size="20"}</a></div>
  893. {/block:IndexPage}
  894. {/block:Audio}
  895.  
  896. {block:Video}
  897. <center>{block:IndexPage}
  898. <div style="width:250px; {block:ifFadedPosts} opacity:.7; {/block:ifFadedPosts} {block:ifGrayscalePosts}filter: gray; /* IE6-9 */
  899. filter: grayscale(60%);
  900. -webkit-filter: grayscale(60%);
  901. -moz-filter: grayscale(60%); {/block:ifGrayscalePosts} overflow-x:hidden; display:block; overflow-y:hidden;">{Video-250}</div>
  902. <div class="perma">
  903. <a href="{Permalink}" target="_blank" title="{notecount}"><font color="{color:permalink}">AA</font></a></div>
  904. <div class="perma2">
  905. <a href="{ReblogURL}" target="_blank" title="reblog"><font color="{color:permalink}">AA</font></a></div>
  906. <div class="perma3">
  907. <a href="{ReblogURL}" target="_blank"><font color="{color:permalink}">{24Hour}:{Minutes}</font></a></div>
  908. {/block:IndexPage}</center>
  909. <center>{block:PermalinkPage}<div style="width:250px; overflow-x:hidden; overflow-y:hidden">{Video-250}{/block:PermalinkPage}</center>
  910. {block:Video}
  911.  
  912. {block:Answer}
  913. <div style="margin:3px; margin-top:2px; min-height:30px; margin-left:50px; padding:5px; width:190px; background:#fefefe; border:1px solid {color:post border};">
  914. <img src="{AskerPortraitURL-40}" width="40" align="left"
  915. style="margin-top:-6px; margin-left:-57px; background:#fefefe; border-radius:50px;">
  916. <askk><font style="letter-spacing:1px; font-family: 'Source Sans Pro', sans-serif; font-size:15px; line-height:25px; text-decoration:none; color:{color:ask color}; border-bottom:1px solid {color:post border};">{Asker}:<br></font></askk> <font style="padding-bottom:3px;">{Question}</font></div>
  917. <div style="margin-top:10px; min-height:30px; margin-left:0px; padding:5px; border:1px solid {color:post border}; color:{color:text}; width:239px; background:#fefefe; box-shadow:rgba(0,0,0,.08) 5px 5px;">{Answer}</div><br>
  918. <div class="permalinktext">
  919. {24Hour}:{Minutes} /
  920. <a href="{permalink}">{notecountwithlabel}</a></div>
  921. <div class="likee">
  922. <a href="{Like}" title="Like" target="_blank">{LikeButton color="grey" size="20"}</a></div>
  923. <div class="reblogg">
  924. <a href="{ReblogURL}" title="Reblog" target="_blank">{ReblogButton color="grey" size="20"}</a></div>
  925. {/block:Answer}
  926.  
  927. {block:PermalinkPage}
  928. <justify><br>
  929. {block:caption}<div style="background:#fbfbfb; box-shadow:rgba(0,0,0,.04) 3px 3px; border:1px solid #eee; width:238px; padding:5px;">{caption}</div>{/block:caption}<br>
  930. {block:Date}<div style="background:#fbfbfb; box-shadow:rgba(0,0,0,.04) 3px 3px; border:1px solid #eee; width:238px; padding:5px;">Posted {DayOfWeek} {/block:Date} {block:NoteCount}with {NoteCount} notes<br></div>{/block:NoteCount}<br>
  931. {block:RebloggedFrom}<div style="background:#fbfbfb; box-shadow:rgba(0,0,0,.04) 3px 3px; border:1px solid #eee; width:238px; padding:5px;">Source: <a href="{ReblogRootURL}">{ReblogRootName}</a> | Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</div></a><br>{/block:RebloggedFrom}
  932. {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}</justify>
  933. {/block:PermalinkPage}
  934. {block:PostNotes}
  935. <div id="postnotes"> <div style="overflow:auto; box-shadow:rgba(0,0,0,.04) 3px 3px; width:238px; height:325px; border: 1px solid #eee; padding:5px; background-color:#fbfbfb; text-align:justify;">{PostNotes}</div></div>
  936. {/block:PostNotes}</div>{/block:Posts}
  937. </div></div>
  938.  
  939. {block:indexpage}
  940. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  941. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  942. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  943. <script type="text/javascript">
  944. $(window).load(function(){
  945. var $wall = $('#posts');
  946. $wall.imagesLoaded(function(){
  947. $wall.masonry({
  948. itemSelector: '#entry, #entry_photo',
  949. isAnimated : false
  950. });
  951. });
  952.  
  953. $wall.infinitescroll({
  954. navSelector : '#page-nav',
  955. nextSelector : '#page-nav a',
  956. itemSelector : '#entry, #entry_photo',
  957. bufferPx : 2000,
  958. debug : false,
  959. errorCallback: function() {
  960. $('#infscr-loading').fadeOut('normal');
  961. }},
  962. function( newElements ) {
  963. var $newElems = $( newElements );
  964. $newElems.hide();
  965. $newElems.imagesLoaded(function(){
  966. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  967. });
  968. }); $('#content').show(500);
  969. });
  970. </script>
  971. {/block:indexpage}
  972.  
  973. <body onkeydown="return false">
  974. </body>
  975.  
  976. <div style="z-index:9999; position:fixed; bottom:5px; right:5px; opacity:0.7"><a href="http://seedfawn.tumblr.com" title="Theme by Seedfawn"><img src="http://static.tumblr.com/iqvfzph/DyZnm91nx/tumblr_inline_mpa4u8ch0b1r5q3xq.png" width="auto"></a></div>
  977. </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!