Advertisement
Seedfawn

Theme 36

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