Advertisement
Seedfawn

Theme 33

Mar 3rd, 2016
1,646
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.28 KB | None | 0 0
  1. <!--THIS THEME WAS MADE BY SEEDFAWN/KARA-THEMES-->
  2.  
  3. <!DOCTYPE html>
  4. <head>
  5.  
  6. <title>{Title}</title>
  7.  
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <link href='https://fonts.googleapis.com/css?family=Kanit:900' rel='stylesheet' type='text/css'>
  13. <link href='https://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
  14. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  15.  
  16. <meta name="image:Background" content=""/>
  17. <meta name="image:Sidebar" content=""/>
  18. <meta name="image:Blogtitle Background" content=""/>
  19. <meta name="if:Default Follow Buttons" content="1"/>
  20. <meta name="if:Customized Follow Buttons" content="1"/>
  21. <meta name="if:Two Columns" content="1"/>
  22. <meta name="if:Three Columns" content="1"/>
  23. <meta name="color:Background" content="#fff"/>
  24. <meta name="color:Text" content="#767676"/>
  25. <meta name="color:Link" content="#737e63"/>
  26. <meta name="color:Hover" content="#a1af8b"/>
  27. <meta name="color:Title" content="#8c8c8c"/>
  28. <meta name="color:Blogtitle" content="#737e63"/>
  29. <meta name="color:Sidebar" content="#737e63"/>
  30. <meta name="color:Navigation" content="#737e63"/>
  31. <meta name="color:Permalink" content="#737e63"/>
  32. <meta name="text:Blogtitle" content="Youth" />
  33. <meta name="text:Blogtitle2" content="Simplicity" />
  34. <meta name="text:Link One Title" content="Home" />
  35. <meta name="text:Link Two Title" content="Inbox" />
  36. <meta name="text:Link Three Title" content="Links" />
  37. <meta name="text:Link Four Title" content="Theme" />
  38. <meta name="text:Link One URL" content="/" />
  39. <meta name="text:Link Two URL" content="/ask" />
  40. <meta name="text:Link Three URL" content="" />
  41. <meta name="text:Link Four URL" content="http://seedfawn.tumblr.com/" />
  42.  
  43. <script type="text/javascript">
  44. <!--
  45.  
  46. // Disable Right Click Script
  47.  
  48. function IE(e)
  49. {
  50. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  51. {
  52. return false;
  53. }
  54. }
  55. function NS(e)
  56. {
  57. if (document.layers || (document.getElementById && !document.all))
  58. {
  59. if (e.which == "2" || e.which == "3")
  60. {
  61. }
  62. }
  63. }
  64. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  65.  
  66. //-->
  67. </script>
  68.  
  69. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  70. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  71. <script>
  72. (function($){
  73. $(document).ready(function(){
  74. $("a[title]").style_my_tooltips({
  75. tip_follows_cursor:true,
  76. tip_delay_time:30,
  77. tip_fade_speed:300,
  78. attribute:"title"
  79. });
  80. });
  81. })(jQuery);
  82. </script>
  83.  
  84. <style type="text/css">
  85.  
  86. ::-webkit-scrollbar{
  87. width:15px;
  88. height:4px;
  89. background:#eaeaea;
  90. }
  91.  
  92. ::-webkit-scrollbar-thumb{
  93. background-color:#dbdbdb;
  94. }
  95.  
  96. .tmblr-iframe{
  97. {block:ifdefaultfollowbuttons}
  98. {block:indexpage}
  99. position:fixed!important;
  100. top:206px !important;
  101. right:0px !important;
  102. opacity:.2 !important;
  103. -webkit-filter:invert(100%);
  104. z-index:9999999999999;
  105. -webkit-transition:all 0.5s ease-in-out;
  106. -moz-transition:all 0.5s ease-in-out;
  107. transition: all 0.5s ease-in-out;
  108. {block:indexpage}
  109. {/block:ifdefaultfollowbuttons}
  110. {block:ifcustomizedfollowbuttons}
  111. {block:indexpage}
  112. position:fixed!important;
  113. top:0px !important;
  114. left:0px !important;
  115. opacity:0 !important;
  116. -webkit-transform: scale(0);
  117. transform: scale(0);
  118. {/block:indexpage}
  119. {/block:ifcustomizedfollowbuttons}
  120. {block:permalinkpage}
  121. position:fixed!important;
  122. top:206px !important;
  123. right:0px !important;
  124. opacity:.2 !important;
  125. -webkit-filter:invert(100%);
  126. z-index:9999999999999;
  127. -webkit-transition:all 0.5s ease-in-out;
  128. -moz-transition:all 0.5s ease-in-out;
  129. transition: all 0.5s ease-in-out;
  130. {/block:permalinkpage}
  131. }
  132.  
  133. {block:ifcustomizedfollowbuttons}
  134. .buttons{
  135. position:fixed!important;
  136. top:206px;
  137. right:5px;
  138. opacity:1;
  139. z-index:9999;
  140. -webkit-transition: all .3s ease-in-out;
  141. -moz-transition: all .3s ease-in-out;
  142. -o-transition: all .3s ease-in-out;
  143. }
  144.  
  145. .buttons a{
  146. width:30px;
  147. height:30px;
  148. display:inline-block;
  149. padding:3px;
  150. font-size:15px;
  151. color:{color:navigation};
  152. text-align:center;
  153. line-height:30px;
  154. border-radius:100px;
  155. -webkit-transition: all .3s ease-in-out;
  156. -moz-transition: all .3s ease-in-out;
  157. -o-transition: all .3s ease-in-out;
  158. }
  159.  
  160. .buttons a:hover{
  161. color:white;
  162. }
  163. {/block:ifcustomizedfollowbuttons}
  164.  
  165. #s-m-t-tooltip{
  166. max-width:300px;
  167. margin:10px;
  168. padding:10px 10px;
  169. color:white;
  170. letter-spacing:2px;
  171. background:rgba(0, 0, 0, .85);
  172. z-index:999999999999999999999999999999999999;
  173. }
  174.  
  175. blockquote{
  176. padding:0px 0 0px 8px;
  177. border-left:1px solid #dbdbdb;
  178. margin-left:10px;
  179. width:220px;
  180. {block:permalinkpage}
  181. width:370px;
  182. {/block:permalinkpage}
  183. }
  184.  
  185. *{
  186. cursor: url(http://static.tumblr.com/p3mk1pa/8mgo38ipm/cursor.png), auto;
  187. }
  188.  
  189. body{
  190. background:{color:background};
  191. color:{color:text};
  192. font-family:arial;
  193. font-size:9px;
  194. text-align:justify;
  195. letter-spacing:1px;
  196. line-height:12px;
  197. background-image:url({image:background});
  198. cursor: url(http://static.tumblr.com/p3mk1pa/8mgo38ipm/cursor.png), auto;
  199. }
  200.  
  201. a{
  202. color:{color:link};
  203. font-weight:bold;
  204. text-decoration:none;
  205. }
  206.  
  207. a:hover{
  208. color:{color:hover};
  209. text-decoration:underline;
  210. cursor: url(http://static.tumblr.com/p3mk1pa/4eKnysvj3/help.png), help;
  211. }
  212.  
  213. img{
  214. opacity:1;
  215. border:none;
  216. text-decoration:none
  217. }
  218.  
  219. small{
  220. font-size:8px;
  221. }
  222.  
  223. big{
  224. font-size:12px;
  225. }
  226.  
  227. #title{
  228. font-size:20px;
  229. line-height:25px;
  230. padding-bottom:10px;
  231. margin-bottom:10px;
  232. border-bottom:1px solid #dbdbdb;
  233. text-align:center;
  234. text-transform:uppercase;
  235. letter-spacing:2px;
  236. font-family: 'Lato', sans-serif;
  237. font-weight:normal;
  238. color:{color:title};
  239. }
  240.  
  241. #source{
  242. margin-top:15px;
  243. margin-left:20px;
  244. }
  245.  
  246. #sidebar{
  247. position:fixed;
  248. width:100%;
  249. height:200px;
  250. top:0px;
  251. left:0px;
  252. margin:0px auto;
  253. border-bottom:1px solid #dbdbdb;
  254. background:#f5f5f5;
  255. z-index:9999;
  256. -webkit-transition: all 1s ease-in-out;
  257. -moz-transition: all 1s ease-in-out;
  258. -o-transition: all 1s ease-in-out;
  259. }
  260.  
  261. #sidebarim{
  262. position:fixed;
  263. width:100%;
  264. height:130px;
  265. z-index:999;
  266. -webkit-transition: all 1s ease-in-out;
  267. -moz-transition: all 1s ease-in-out;
  268. -o-transition: all 1s ease-in-out;
  269. }
  270.  
  271. #sidebarim img{
  272. width:130px;
  273. height:130px;
  274. margin-left:-180px;
  275. margin-top:19px;
  276. padding:15px;
  277. background:white;
  278. border:1px solid {color:sidebar};
  279. z-index:999;
  280. -webkit-transition: all 1s ease-in-out;
  281. -moz-transition: all 1s ease-in-out;
  282. -o-transition: all 1s ease-in-out;
  283. }
  284.  
  285. #sidebar:hover #sidebarim img{
  286. margin-left:calc(50% - 250px);
  287. }
  288.  
  289. .l{
  290. position:fixed;
  291. width:1px;
  292. height:1px;
  293. margin-top:100px;
  294. margin-left:-180px;
  295. background:{color:sidebar};
  296. z-index:1;
  297. -webkit-transition: all 1s ease-in-out;
  298. -moz-transition: all 1s ease-in-out;
  299. -o-transition: all 1s ease-in-out;
  300. }
  301.  
  302. #sidebar:hover .l{
  303. width:339px;
  304. margin-left:calc(50% - 89px);
  305. }
  306.  
  307. #blogtitle{
  308. position:fixed;
  309. width:430px;
  310. height:80px;
  311. margin-left:calc(50% - 250px);
  312. margin-top:25px;
  313. font-size:35px;
  314. letter-spacing:10px;
  315. line-height:80px;
  316. font-family: 'Kanit', sans-serif;
  317. color:{color:blogtitle};
  318. background:rgba(255,255,255,0.3);
  319. border:15px solid {color:blogtitle};
  320. padding:20px;
  321. text-align:center;
  322. text-transform:uppercase;
  323. z-index:9999;
  324. -webkit-transition: all 1s ease-in-out;
  325. -moz-transition: all 1s ease-in-out;
  326. -o-transition: all 1s ease-in-out;
  327. }
  328.  
  329. #sidebar:hover #blogtitle{
  330. margin-top:-500px;
  331. }
  332.  
  333. .blogtitlebg{
  334. position:fixed !important;
  335. width:470px;
  336. height:120px;
  337. margin-left:calc(50% - 235px);
  338. margin-top:40px;
  339. background-image:url('{image:blogtitle background}');
  340. background-size:cover;
  341. background-color:#f5f5f5;
  342. z-index:9;
  343. -webkit-transition:all 1s ease-in-out;
  344. -moz-transition:all 1s ease-in-out;
  345. transition:all 1s ease-in-out;
  346. }
  347.  
  348. #sidebar:hover .blogtitlebg{
  349. margin-top:-485px;
  350. }
  351.  
  352. #blogtitle2{
  353. position:fixed;
  354. width:317px;
  355. height:50px;
  356. margin-left:calc(100% + 300px);
  357. margin-top:29px;
  358. font-size:35px;
  359. letter-spacing:10px;
  360. line-height:50px;
  361. font-family: 'Kanit', sans-serif;
  362. color:{color:sidebar};
  363. padding:10px;
  364. text-align:center;
  365. text-transform:uppercase;
  366. -webkit-transition: all 1s ease-in-out;
  367. -moz-transition: all 1s ease-in-out;
  368. -o-transition: all 1s ease-in-out;
  369. }
  370.  
  371. #sidebar:hover #blogtitle2{
  372. margin-left:calc(50% - 89px);
  373. }
  374.  
  375. .hvr-radial-out {
  376. display: inline-block;
  377. vertical-align: middle;
  378. -webkit-transform: translateZ(0);
  379. transform: translateZ(0);
  380. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  381. -webkit-backface-visibility: hidden;
  382. backface-visibility: hidden;
  383. -moz-osx-font-smoothing: grayscale;
  384. position: relative;
  385. overflow: hidden;
  386. background: {color:background};
  387. -webkit-transition-property: color;
  388. transition-property: color;
  389. -webkit-transition-duration: 0.5s;
  390. transition-duration: 0.5s;
  391. }
  392. .hvr-radial-out:before {
  393. content: "";
  394. position: absolute;
  395. z-index: -1;
  396. top: 0;
  397. left: 0;
  398. right: 0;
  399. bottom: 0;
  400. background: {color:navigation};
  401. border-radius: 100%;
  402. -webkit-transform: scale(0);
  403. transform: scale(0);
  404. -webkit-transition-property: transform;
  405. transition-property: transform;
  406. -webkit-transition-duration: 0.5s;
  407. transition-duration: 0.5s;
  408. -webkit-transition-timing-function: ease-out;
  409. transition-timing-function: ease-out;
  410. }
  411. .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
  412. color: white;
  413. }
  414. .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  415. -webkit-transform: scale(2);
  416. transform: scale(2);
  417. }
  418.  
  419. #links{
  420. position:fixed!important;
  421. margin-top:206px;
  422. margin-left:5px;
  423. opacity:1;
  424. z-index:9999;
  425. -webkit-transition: all .3s ease-in-out;
  426. -moz-transition: all .3s ease-in-out;
  427. -o-transition: all .3s ease-in-out;
  428. }
  429.  
  430. #links a{
  431. width:30px;
  432. height:30px;
  433. display:inline-block;
  434. padding:3px;
  435. font-size:15px;
  436. color:{color:navigation};
  437. text-align:center;
  438. line-height:30px;
  439. border-radius:100px;
  440. -webkit-transition: all .3s ease-in-out;
  441. -moz-transition: all .3s ease-in-out;
  442. -o-transition: all .3s ease-in-out;
  443. }
  444.  
  445. #links a:hover{
  446. color:white;
  447. }
  448.  
  449. #desc{
  450. position:fixed;
  451. overflow:auto;
  452. margin-left:calc(100% + 300px);
  453. margin-top:100px;
  454. width:299px;
  455. max-height:39px;
  456. text-align:justify;
  457. line-height:12px;
  458. padding:20px;
  459. color:{color:text};
  460. -webkit-transition: all 1s ease-in-out;
  461. -moz-transition: all 1s ease-in-out;
  462. -o-transition: all 1s ease-in-out;
  463. }
  464.  
  465. #sidebar:hover #desc{
  466. margin-left:calc(50% - 89px);
  467. }
  468.  
  469. #pagination{
  470. margin:0px 0;
  471. color:transparent;
  472. -webkit-transform: scale(0);
  473. transform: scale(0);
  474. }
  475. #pagination a{
  476. padding:0 0px;
  477. color:transparent;
  478. -webkit-transform: scale(0);
  479. transform: scale(0);
  480. }
  481.  
  482. #entry{
  483. position:relative;
  484. {block:iftwocolumns}
  485. width:620px;
  486. {/block:iftwocolumns}
  487. {block:ifthreecolumns}
  488. width:950px;
  489. {/block:ifthreecolumns}
  490. top:215px;
  491. margin:0px auto;
  492. }
  493.  
  494. .posts{
  495. width:250px;
  496. {block:IndexPage}
  497. overflow:hidden;
  498. float:left;
  499. margin:30px;
  500. {/block:IndexPage}
  501. {block:PermalinkPage}
  502. opacity:1;
  503. width:400px;
  504. margin-top:11px;
  505. margin-left:282px;
  506. z-index:999;
  507. -webkit-filter: Grayscale(0%);
  508. {/block:PermalinkPage}
  509. }
  510.  
  511. .posts img{
  512. display:block;
  513. max-width:250px;
  514. -webkit-filter: Grayscale(40%);
  515. -webkit-transition:all 0.3s ease-in-out;
  516. -moz-transition:all 0.3s ease-in-out;
  517. transition: all 0.3s ease-in-out;
  518. {block:permalinkpage}
  519. -webkit-filter: Grayscale(0%);
  520. {/block:permalinkpage}
  521. }
  522.  
  523. .posts:hover img{
  524. -webkit-filter: Grayscale(0%);
  525. }
  526.  
  527. .posts img, .posts li, .posts blockquote{
  528. max-width: 100%;
  529. }
  530.  
  531. .posts .permabg{
  532. position:absolute;
  533. width:40px;
  534. height:100%;
  535. margin-top:0px;
  536. margin-left:209px;
  537. background:{color:permalink};
  538. border-left:1px solid white;
  539. z-index:9;
  540. opacity:0;
  541. -ms-transform: translate(200px,0px);
  542. -webkit-transform: translate(200px,0px);
  543. transform: translate(200px,0px);
  544. -webkit-transition: all .5s ease-in-out;
  545. -moz-transition: all .5s ease-in-out;
  546. -o-transition: all .5s ease-in-out;
  547. -ms-transition: all .5s ease-in-out;
  548. }
  549.  
  550. .posts:hover .permabg{
  551. opacity:1;
  552. margin-left:209px;
  553. -ms-transform: translate(0px,0px);
  554. -webkit-transform: translate(0px,0px);
  555. transform: translate(0px,0px);
  556. }
  557.  
  558. .posts .perma{
  559. position:absolute;
  560. overflow:hidden;
  561. width:20px;
  562. height:20px;
  563. top:25%;
  564. right:10px;
  565. font-size:20px;
  566. text-align:center;
  567. opacity:1;
  568. z-index:99;
  569. -ms-transform: translate(200px,0px);
  570. -webkit-transform: translate(200px,0px);
  571. transform: translate(200px,0px);
  572. -webkit-transition: all .5s ease-in-out;
  573. -moz-transition: all .5s ease-in-out;
  574. -o-transition: all .5s ease-in-out;
  575. -ms-transition: all .5s ease-in-out;
  576. }
  577.  
  578. .posts:hover .perma{
  579. -ms-transform: translate(0px,0px);
  580. -webkit-transform: translate(0px,0px);
  581. transform: translate(0px,0px);
  582. }
  583.  
  584. .perma a{
  585. color:white;
  586. }
  587.  
  588. .posts .perma2{
  589. position:absolute;
  590. overflow:hidden;
  591. width:20px;
  592. height:20px;
  593. top:45%;
  594. right:10px;
  595. font-size:20px;
  596. text-align:center;
  597. opacity:1;
  598. z-index:99;
  599. -ms-transform: translate(200px,0px);
  600. -webkit-transform: translate(200px,0px);
  601. transform: translate(200px,0px);
  602. -webkit-transition: all .5s ease-in-out;
  603. -moz-transition: all .5s ease-in-out;
  604. -o-transition: all .5s ease-in-out;
  605. -ms-transition: all .5s ease-in-out;
  606. }
  607.  
  608. .posts:hover .perma2{
  609. -ms-transform: translate(0px,0px);
  610. -webkit-transform: translate(0px,0px);
  611. transform: translate(0px,0px);
  612. }
  613.  
  614. .perma2 a{
  615. color:white;
  616. }
  617.  
  618. .posts .perma3{
  619. position:absolute;
  620. overflow:hidden;
  621. width:25px;
  622. height:20px;
  623. top:65%;
  624. right:8px;
  625. font-size:20px;
  626. text-align:center;
  627. opacity:1;
  628. z-index:99;
  629. -ms-transform: translate(200px,0px);
  630. -webkit-transform: translate(200px,0px);
  631. transform: translate(200px,0px);
  632. -webkit-transition: all .5s ease-in-out;
  633. -moz-transition: all .5s ease-in-out;
  634. -o-transition: all .5s ease-in-out;
  635. -ms-transition: all .5s ease-in-out;
  636. }
  637.  
  638. .posts:hover .perma3{
  639. -ms-transform: translate(0px,0px);
  640. -webkit-transform: translate(0px,0px);
  641. transform: translate(0px,0px);
  642. }
  643.  
  644. .perma3 a{
  645. color:white;
  646. }
  647.  
  648. .posts .fade{
  649. position:absolute;
  650. overflow:hidden;
  651. width:250px;
  652. height:calc(100% - 0px);
  653. background:white;
  654. margin-left:0px;
  655. margin-top:0px;
  656. opacity:.15;
  657. z-index:1;
  658. -webkit-transition:all .5s ease-in-out;
  659. -moz-transition:all .5s ease-in-out;
  660. transition:all .5s ease-in-out;
  661. }
  662.  
  663. .posts:hover .fade{
  664. opacity:.15;
  665. width:0px;
  666. margin-left:250px;
  667. }
  668.  
  669. .posts .permalink{
  670. position:relative;
  671. width:250px;
  672. margin-top:10px;
  673. font-size:18px;
  674. background:{color:background};
  675. color:{color:permalink};
  676. text-align:right;
  677. }
  678.  
  679. .posts .permalink a{
  680. color:{color:permalink};
  681. padding:5px;
  682. }
  683.  
  684. .newplayerbutton {
  685. position: relative;
  686. width:19px;
  687. height:19px;
  688. margin-top:20px;
  689. padding:5px;
  690. border-radius:30px;
  691. overflow: hidden;
  692. }
  693.  
  694. .player{
  695. width:18px;
  696. height:18px;
  697. line-height:27px;
  698. margin-top:25px;
  699. margin-left:25px;
  700. border-radius:100px;
  701. padding:5px;
  702. overflow:hidden;
  703. position:absolute;
  704. background:white;
  705. z-index:9;
  706. opacity:.8;
  707. }
  708.  
  709. .tumblr_audio_player {
  710. height: 90px;
  711. width: 270px;
  712. -moz-transform: scale(0.60, 0.60);
  713. -webkit-transform: scale(0.60, 0.60);
  714. -o-transform: scale(0.60, 0.60);
  715. -ms-transform: scale(0.60, 0.60);
  716. transform: scale(0.60, 0.60);
  717. -moz-transform-origin: top left;
  718. -webkit-transform-origin: top left;
  719. -o-transform-origin: top left;
  720. -ms-transform-origin: top left;
  721. transform-origin: top left;
  722. }
  723.  
  724. .audioimgwrapper {
  725. position: absolute;
  726. float:left;
  727. overflow: hidden;
  728. width: 80px;
  729. height: 80px;
  730. }
  731.  
  732. .audioimgwrapper img {
  733. width: 100%;
  734. height: auto;
  735. float:left;
  736. }
  737.  
  738. .posts:hover .audioimgwrapper img{
  739. transform: scale(1);
  740. }
  741.  
  742. .trackdetails {
  743. width:150px;
  744. height:60px;
  745. margin-left:80px;
  746. display:inline-block;
  747. font-family: 'Lato', sans-serif;
  748. font-size:15px;
  749. line-height:20px;
  750. background:{color:sidebar};
  751. text-align:center;
  752. color:white;
  753. padding:10px;
  754. {block:permalinkpage}
  755. width:300px;
  756. {/block:permalinkpage}
  757. }
  758.  
  759. .audiowrapper {
  760. position: relative;
  761. display:inline-block;
  762. }
  763.  
  764. .q{
  765. margin-bottom:10px;
  766. background:#f5f5f5;
  767. padding:10px;
  768. width:170px;
  769. color:{color:text};
  770. line-height:15px;
  771. border:1px solid #dbdbdb;
  772. border-radius:5px;
  773. {block:permalinkpage}
  774. width:320px;
  775. {/block:permalinkpage}
  776. }
  777.  
  778. .as{
  779. font-weight:normal;
  780. color:{color:text};
  781. }
  782.  
  783. .a{
  784. line-height:15px;
  785. {block:permalinkpage}
  786. width:400px;
  787. {/block:permalinkpage}
  788. }
  789.  
  790. .chat ol{
  791. padding:0;
  792. list-style:none;
  793. }
  794. .line{
  795. padding:10px 0;
  796. }
  797.  
  798. .pagenotes {
  799. {block:IndexPage}
  800. display: none!important;
  801. {/block:IndexPage}
  802. width:380px;
  803. height:300px;
  804. overflow:auto;
  805. background:#f7f7f7;
  806. padding:10px;
  807. text-align:left;
  808. margin-left:282px;
  809. margin-bottom:25px;
  810. }
  811. .pagenotes img{
  812. padding:5px;
  813. }
  814. .pagenotes li {
  815. list-style-type:none;
  816. padding:5px 0px;
  817. text-align:left;
  818. margin:0 0 0 -40px;
  819. }
  820.  
  821. .triangle{
  822. position:absolute;
  823. width: 0px;
  824. height: 0px;
  825. margin-left:191px;
  826. margin-top:5px;
  827. border-top: 10px solid transparent;
  828. border-bottom: 10px solid transparent;
  829. border-right: 10px solid #dbdbdb;
  830. transform: rotate(180deg);
  831. -ms-transform: rotate(180deg);
  832. -webkit-transform: rotate(180deg);
  833. -o-transform: rotate(180deg);
  834. -moz-transform: rotate(180deg);
  835. {block:permalinkpage}
  836. margin-left:341px;
  837. {/block:permalinkpage}
  838. }
  839.  
  840. {CustomCSS}
  841.  
  842. </style>
  843.  
  844. </head>
  845.  
  846. <body>
  847.  
  848. {block:indexpage}
  849. <div class="buttons">
  850. <a href="https://www.tumblr.com/follow/{name}" target="_blank" class="links hvr-radial-out" title="Follow"><i class="fa fa-plus"></i></a>
  851. <a href="https://www.tumblr.com/dashboard?conversation={name}" target="_blank" class="links hvr-radial-out" title="Message"><i class="fa fa-comment-o"></i></a>
  852. <a href="https://tumblr.com" class="links hvr-radial-out" target="_blank" title="Dashboard"><i class="fa fa-tumblr"></i></a>
  853. </div>
  854. {/block:indexpage}
  855.  
  856. <div id="sidebar">
  857.  
  858. <div id="sidebarim"><img src="{image:Sidebar}"></div>
  859.  
  860. <div class="l"></div>
  861.  
  862. <div id="blogtitle">{text:blogtitle}</div>
  863.  
  864. <div class="blogtitlebg"></div>
  865.  
  866. <div id="blogtitle2">{text:blogtitle2}</div>
  867.  
  868. <div id="desc">{Description}</div>
  869.  
  870. <div id="links">
  871. <a href="{text:Link One URL}" class="links hvr-radial-out" title="{text:Link One Title}"><i class="fa fa-refresh"></i></a>
  872. <a href="{text:Link Two URL}" class="links hvr-radial-out" title="{text:Link Two Title}"><i class="fa fa-question"></i></a>
  873. <a href="{text:Link Three URL}" class="links hvr-radial-out" title="{text:Link Three Title}"><i class="fa fa-tags"></i></a>
  874. <a href="{text:Link Four URL}" class="links hvr-radial-out" title="{text:Link Four Title}"><i class="fa fa-heart-o"></i></a>
  875. </div>
  876.  
  877. </div>
  878.  
  879. <div id="entry">
  880. {block:Posts}
  881. <div class="posts">
  882.  
  883. {block:Quote}
  884. <div id="title">“{Quote}”</div>
  885. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  886. {block:IndexPage}
  887. <div class="permalink">
  888. <a href="{Permalink}" target="_blank" title="More information"><i class="fa fa-plus"></i></a>
  889. <a href="{ReblogURL}" target="_blank" title="Reblog"><i class="fa fa-retweet"></i></a>
  890. </div>
  891. {/block:IndexPage}
  892. {/block:Quote}
  893.  
  894. {block:Text}
  895. {block:Title}
  896. <div id="title">{Title}</div>{/block:Title}
  897. {Body}
  898. {block:IndexPage}
  899. <div class="permalink">
  900. <a href="{Permalink}" target="_blank" title="More information"><i class="fa fa-plus"></i></a>
  901. <a href="{ReblogURL}" target="_blank" title="Reblog"><i class="fa fa-retweet"></i></a>
  902. </div>
  903. {/block:IndexPage}
  904. {/block:Text}
  905.  
  906. {block:Link}
  907. <div id="title"><a href="{URL}"><i class="fa fa-external-link-square"></i> {Name}</a></div>{block:Description}{Description}{/block:Description}
  908. {block:IndexPage}
  909. <div class="permalink">
  910. <a href="{Permalink}" target="_blank" title="More information"><i class="fa fa-plus"></i></a>
  911. <a href="{ReblogURL}" target="_blank" title="Reblog"><i class="fa fa-retweet"></i></a>
  912. </div>
  913. {/block:IndexPage}
  914. {/block:Link}
  915.  
  916. {block:Chat}
  917. {block:Title}
  918. <div id="title">{Title}</div>
  919. {/block:Title}
  920. <div class="chat">
  921. <ol>{block:Lines}
  922. <li class="line {Alt}">
  923. {block:Label}
  924. <span class="label">
  925. {Label}</span>
  926. {/block:Label}{Line}</li>
  927. {/block:Lines}
  928. </ol></div>
  929. {block:IndexPage}
  930. <div class="permalink">
  931. <a href="{Permalink}" target="_blank" title="More information"><i class="fa fa-plus"></i></a>
  932. <a href="{ReblogURL}" target="_blank" title="Reblog"><i class="fa fa-retweet"></i></a>
  933. </div>
  934. {/block:IndexPage}
  935. {/block:Chat}
  936.  
  937. {block:Photo}
  938. {block:IndexPage}
  939. <div class="fade"></div>
  940. <div class="permabg"></div>
  941. <div class="perma">
  942. <a href="{Permalink}" target="_blank" title="Posted {timeago} with {NoteCount} notes"><i class="fa fa-clock-o"></i></a></div>
  943. <div class="perma2">
  944. <a href="{Permalink}" target="_blank" title="Permalink page"><i class="fa fa-info"></i></a></div>
  945. <div class="perma3">
  946. <a href="{ReblogURL}" target="_blank" title="Reblog"><i class="fa fa-retweet"></i></a></div>
  947. {/block:IndexPage}
  948. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=700px;>
  949. {/block:Photo}
  950.  
  951. {block:Photoset}
  952. {block:IndexPage}
  953. {Photoset-250}
  954. <div class="permalink">
  955. <a href="{Permalink}" target="_blank" title="More information"><i class="fa fa-plus"></i></a>
  956. <a href="{ReblogURL}" target="_blank" title="Reblog"><i class="fa fa-retweet"></i></a>
  957. </div>
  958. {/block:IndexPage}
  959. {/block:IndexPage}
  960. {block:PermalinkPage}
  961. {Photoset-400}
  962. {/block:PermalinkPage}
  963. {/block:Photoset}
  964.  
  965. {block:Video}
  966. {block:IndexPage}
  967. {Video-250}
  968. <div class="permalink">
  969. <a href="{Permalink}" target="_blank" title="More information"><i class="fa fa-plus"></i></a>
  970. <a href="{ReblogURL}" target="_blank" title="Reblog"><i class="fa fa-retweet"></i></a>
  971. </div>
  972. {/block:IndexPage}
  973. {/block:IndexPage}
  974. {block:PermalinkPage}
  975. {Video-400}
  976. {/block:PermalinkPage}
  977. {/block:Video}
  978.  
  979. {block:Audio}
  980. {block:AudioPlayer}
  981. <div class="audiowrapper">
  982. {block:AlbumArt}
  983. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  984. {/block:AlbumArt}
  985. <div class="player"><div style="margin-top:-18px; margin-left:-5px;">{AudioPlayerWhite}</div></div>
  986. <div class="trackdetails">
  987. {block:TrackName}{TrackName}{/block:TrackName}<br>
  988. {block:Artist}{Artist}{/block:Artist}</div></div>
  989. {/block:AudioPlayer}
  990. {block:IndexPage}
  991. {block:Caption}{Caption}{/block:Caption}
  992. <div class="permalink">
  993. <a href="{Permalink}" target="_blank" title="More information"><i class="fa fa-plus"></i></a>
  994. <a href="{ReblogURL}" target="_blank" title="Reblog"><i class="fa fa-retweet"></i></a>
  995. </div>
  996. {/block:IndexPage}
  997. {/block:Audio}
  998.  
  999. {block:Answer}
  1000. <img src="{AskerPortraitURL-40}" width="40" align="right" style="margin-right:0px; background:#f7f7f7">
  1001. <div class="triangle"></div>
  1002. <div class="q">
  1003. <div class="as">{Asker} said: </div>
  1004. {Question}</div>
  1005. <div class="a">{Answer}</div>
  1006. {block:IndexPage}
  1007. <div class="permalink">
  1008. <a href="{Permalink}" target="_blank" title="More information"><i class="fa fa-plus"></i></a>
  1009. <a href="{ReblogURL}" target="_blank" title="Reblog"><i class="fa fa-retweet"></i></a>
  1010. </div>
  1011. {/block:IndexPage}
  1012. {/block:Answer}
  1013.  
  1014. </div>
  1015.  
  1016. {block:PostNotes}
  1017. <div class="pagenotes">
  1018. {block:caption}<div style="letter-spacing:1px;">{caption}</div>{/block:caption}
  1019. {block:Date}<div style="letter-spacing:1px;"><b><i class="fa fa-clock-o"></i> Posted:</b> {DayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix} {Year} at {12Hour}:{Minutes} {AmPm} {/block:Date}<br>
  1020. {block:NoteCount}<b><i class="fa fa-share-alt"></i> Notes:</b> {NoteCount}<br></div>{/block:NoteCount}
  1021. {block:RebloggedFrom}<b><i class="fa fa-retweet"></i> Reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br><div style="letter-spacing:1px;"><b><i class="fa fa-location-arrow"></i> Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
  1022. {block:HasTags}<div id="tags"><b><i class="fa fa-tags"></i> tags:</b>
  1023. {block:Tags}
  1024. <a href="{TagURL}">#{Tag} </a>
  1025. {/block:Tags}
  1026. </div>
  1027. {/block:HasTags}
  1028. <div style="border-top:1px solid #dbdbdb; margin-top:10px;">{PostNotes}</div>
  1029. </div>
  1030. {/block:PostNotes}
  1031.  
  1032. {/block:Posts}
  1033.  
  1034. {block:IndexPage}
  1035. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1036. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1037.  
  1038. <script type="text/javascript">
  1039. $(window).load(function(){
  1040. var $wall = $('#entry');
  1041. $wall.imagesLoaded(function(){
  1042. $wall.masonry({
  1043. itemSelector: '.posts, .posts_photo',
  1044. isAnimated : false
  1045. });
  1046. });
  1047.  
  1048. $wall.infinitescroll({
  1049. navSelector : '#pagination',
  1050. nextSelector : '#pagination a',
  1051. itemSelector : '.posts, .posts_photo',
  1052. bufferPx : 2000,
  1053. debug : false,
  1054. errorCallback: function() {
  1055. $('#infscr-loading').fadeOut('normal');
  1056. }},
  1057. function( newElements ) {
  1058. var $newElems = $( newElements );
  1059. $newElems.hide();
  1060. $newElems.imagesLoaded(function(){
  1061. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1062. });
  1063. }); $('.posts').show(500);
  1064. });
  1065. </script>
  1066. {/block:IndexPage}
  1067.  
  1068. <div id="pagination">
  1069. {block:Pagination}
  1070. {block:PreviousPage}
  1071. <a href="{PreviousPage}"></a>
  1072. {/block:PreviousPage}
  1073.  
  1074. {block:NextPage}
  1075. <a href="{NextPage}"></a>
  1076. {/block:NextPage}
  1077. {/block:Pagination}
  1078. </div>
  1079.  
  1080. </div>
  1081.  
  1082. </div>
  1083.  
  1084. {block:ContentSource}
  1085. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1086. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1087. {/block:SourceLogo}
  1088. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1089. {/block:ContentSource}
  1090.  
  1091. <div style="z-index:9999; position:fixed; bottom:5px; right:5px; font-size:20px; opacity:1"><a href="http://seedfawn.tumblr.com" title="Theme by seedfawn"><i class="fa fa-code" style="color:{color:navigation}"></i></a></div>
  1092.  
  1093. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement