Advertisement
Seedfawn

Theme 14 Version 2

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