Advertisement
Seedfawn

Theme 9

Jun 16th, 2015
375
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.49 KB | None | 0 0
  1. <!-- THIS THEME WAS MADE BY SEEDFAWN. PLEASE KEEP THE CREDIT AND HAVE A NICE DAY!-->
  2.  
  3. <html lang="en">
  4. <script type="text/javascript">
  5. <!--
  6.  
  7. // Disable Right Click Script
  8.  
  9. function IE(e)
  10. {
  11. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  12. {
  13. return false;
  14. }
  15. }
  16. function NS(e)
  17. {
  18. if (document.layers || (document.getElementById && !document.all))
  19. {
  20. if (e.which == "2" || e.which == "3")
  21. {
  22. return false;
  23. }
  24. }
  25. }
  26. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  27.  
  28. //-->
  29. </script>
  30.  
  31. <meta name="image:Background" content=""/>
  32. <meta name="image:Sidebar" content=""/>
  33. <meta name="image:Sidebar2" content=""/>
  34. <meta name="image:Sidebar3" content=""/>
  35. <meta name="image:Header" content=""/>
  36. <meta name="color:Background" content="#fafafa"/>
  37. <meta name="color:Title" content="#eeeeee"/>
  38. <meta name="color:Text" content="#999999"/>
  39. <meta name="color:Link" content="#eeeeee"/>
  40. <meta name="color:Hover" content="#ffffff"/>
  41. <meta name="color:Blogtitle" content="#eeeeee"/>
  42. <meta name="color:Navigation" content="#c3c0ab"/>
  43. <meta name="color:Permalink" content="#c3c0ab"/>
  44. <meta name="color:Border" content="#c3c0ab"/>
  45. <meta name="color:Line Outline" content="#c3c0ab"/>
  46. <meta name="color:Scrollbar" content="#c3c0ab"/>
  47. <meta name="text:Blogtitle" content="Caviar Dreams"/>
  48. <meta name="text:Link One" content="" />
  49. <meta name="text:Link Two" content="" />
  50. <meta name="text:Link Three" content="" />
  51. <meta name="text:Link Four" content="http://seedfawn.tumblr.com" />
  52. <meta name="text:Link One Title" content="refresh"/>
  53. <meta name="text:Link Two Title" content="inbox"/>
  54. <meta name="text:Link Three Title" content="navigation"/>
  55. <meta name="text:Link Four Title" content="credit"/>
  56. </script>
  57.  
  58. <link href='http://fonts.googleapis.com/css?family=Lato:300|Alex+Brush|Roboto+Slab:300' rel='stylesheet' type='text/css'>
  59.  
  60. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  61. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  62. <script>
  63. (function($){
  64. $(document).ready(function(){
  65. $("[title]").style_my_tooltips();
  66. });
  67. })(jQuery);
  68. </script>
  69.  
  70. <style type="text/css">
  71.  
  72. #s-m-t-tooltip {
  73. background:#fff;
  74. height:8px;
  75. padding:5px;
  76. display:block;
  77. text-align:center;
  78. font-size:8px;
  79. font-family:calibri;
  80. line-height:8px;
  81. letter-spacing:1px;
  82. border-radius:0px;
  83. z-index:9999999999!important;
  84. color:{color:text};
  85. text-transform:uppercase;
  86. letter-spacing:1px;
  87. margin: 15px 14px 7px 12px;
  88. -webkit-transition:all 0.7s ease-in-out;
  89. -moz-transition:all 0.7s ease-in-out;
  90. transition:all 0.7s ease-in-out;
  91. }
  92.  
  93. .tmblr-iframe{
  94. z-index:9999999999!important;
  95. opacity:.2 !important;
  96. -webkit-filter:invert(100%);
  97. top:15px !important;
  98. right:15px !important;
  99. position:fixed!important;
  100. }
  101.  
  102. ::-webkit-scrollbar{
  103. width:4px;
  104. height:4px;
  105. background:{color:background};
  106. }
  107.  
  108. ::-webkit-scrollbar-thumb{
  109. background-color:{color:scrollbar};
  110. border-radius:0px;
  111. }
  112.  
  113. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  114. a:link, a:active, a:visited{
  115. color:{color:Link};
  116. text-decoration:none;
  117. -webkit-transition:all 0.6s ease-out;
  118. -moz-transition:all 0.6s ease-out;
  119. -o-transition:all 0.6s ease-out;
  120. transition:all 0.6s ease-out;
  121. }
  122.  
  123. a:hover{
  124. color:{color:Hover};
  125. text-decoration:none;
  126. -webkit-transition:all 0.3s ease-out;
  127. -moz-transition:all 0.3s ease-out;
  128. -o-transition:all 0.3s ease-out;
  129. transition:all 0.3s ease-out;
  130. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  131. }
  132.  
  133. body {
  134. padding: 0px;
  135. margin: 0px;
  136. color:{color:text};
  137. font-family:calibri;
  138. text-transform:uppercase;
  139. letter-spacing:1px;
  140. line-height:7px;
  141. font-size:8px;
  142. background-color: {color:Background};
  143. background-image:url({image:Background});
  144. background-attachment: fixed;
  145. background-repeat: repeat;
  146. }
  147.  
  148. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  149. #audio {
  150. width:200px;
  151. height:auto;
  152. min-height:60px;
  153. padding-bottom:0px;
  154. }
  155.  
  156. .cover {
  157. position:absolute;
  158. z-index:1;
  159. width:60px;
  160. height:60px;
  161. }
  162.  
  163. .cover img {
  164. float:left;
  165. width:60px;
  166. height:60px;
  167. }
  168.  
  169. .playbox {
  170. opacity:0.6;
  171. width:27px;
  172. height:30px;
  173. overflow:hidden;
  174. position:absolute;
  175. z-index:1000;
  176. margin-left:17px;
  177. margin-top:17px;
  178. text-align:center;
  179. }
  180.  
  181. .info {
  182. margin-left:73px;
  183. margin-top:4px;
  184. line-height:14px;
  185. }
  186.  
  187. #cunt{width:250px; height:auto;}
  188. {block:PermalinkPage}
  189. width:10px;
  190. {/block:PermalinkPage}
  191. }
  192.  
  193. #center{
  194. padding-top:3px;
  195. padding-bottom:3px;
  196. position:fixed !important;
  197. width:250px;
  198. height:207px;
  199. background-color:#fff;
  200. {block:PermalinkPage}
  201. width:410px;
  202. height:207px;
  203. {/block:PermalinkPage}
  204. }
  205.  
  206. #posts{
  207. float:center;
  208. {block:indexpage}
  209. width:800px;
  210. {/block:indexpage}
  211. {block:permalinkpage}
  212. width:600px;
  213. {/block:permalinkpage}
  214. margin-left:530px;
  215. margin-top:10px;
  216. padding-top:20px;
  217. }
  218.  
  219. #entry img{
  220. {block:indexpage}
  221. max-width:250px;
  222. outline:1px dotted #fff;
  223. outline-offset:-2px;
  224. -webkit-transition:all 0.7s ease-out;
  225. -moz-transition:all 0.7s ease-out;
  226. transition:all 0.7s ease-out;
  227. {/block:indexpage}
  228. {block:permalinkpage}
  229. outline:1px dotted #fff;
  230. outline-offset:-2px;
  231. {/block:permalinkpage}
  232. }
  233.  
  234. #entry{
  235. margin:10px;
  236. float:left;
  237. background:#fff;
  238. font-size:10px;
  239. line-height:13px;
  240. text-transform:normal;
  241. width:250px;
  242. padding:15px;
  243. border:1px solid #eee;
  244. box-shadow:rgba(0,0,0,.03) 6px 6px;
  245. {block:PermalinkPage}
  246. opacity:.9;
  247. width:450px;
  248. margin-top:10px;
  249. margin-left:50px;
  250. z-index:999;
  251. border:1px solid #eee;
  252. box-shadow:rgba(0,0,0,.03) 6px 6px;
  253. {/block:PermalinkPage}
  254. -moz-transition: all .7s ease-out;
  255. -o-transition: all .7s ease-out;
  256. -webkit-transition: all .7s ease-out;
  257. transition: all .7s ease-out;
  258. }
  259.  
  260. #entry .perma{
  261. width:20px;
  262. height:20px;
  263. bottom:70px;
  264. margin-left:-20px;
  265. border:1px solid #fff;
  266. outline:1px solid #fff;
  267. outline-offset:-3px;
  268. position:absolute;
  269. z-index:99;
  270. overflow:hidden;
  271. padding:5px;
  272. opacity:0;
  273. -webkit-transition:opacity .7s linear;
  274. -webkit-transition:all .7s linear;
  275. -moz-transition:all .7s linear;
  276. transition:all .7s linear;
  277. }
  278.  
  279. #entry:hover .perma{
  280. overflow:visible;
  281. bottom:70px;
  282. margin-left:75px;
  283. opacity:1;
  284. }
  285.  
  286. #entry .perma2{
  287. width:20px;
  288. height:20px;
  289. bottom:70px;
  290. margin-left:250px;
  291. border:1px solid #fff;
  292. outline:1px solid #fff;
  293. outline-offset:-3px;
  294. position:absolute;
  295. z-index:99;
  296. overflow:hidden;
  297. padding:5px;
  298. opacity:0;
  299. -webkit-transition:opacity .7s linear;
  300. -webkit-transition:all .7s linear;
  301. -moz-transition:all .7s linear;
  302. transition:all .7s linear;
  303. }
  304.  
  305. #entry:hover .perma2{
  306. overflow:visible;
  307. bottom:70px;
  308. margin-left:147.2px;
  309. opacity:1;
  310. }
  311.  
  312. #entry .perma3{
  313. width:220px;
  314. height:20px;
  315. bottom:-20px;
  316. margin-left:10px;
  317. background:white;
  318. border:1px solid {color:permalink};
  319. outline:1px solid {color:permalink};
  320. outline-offset:-3px;
  321. position:absolute;
  322. z-index:99;
  323. overflow:hidden;
  324. font-family:calibri;
  325. font-size:8px;
  326. text-transform:uppercase;
  327. letter-spacing:1px;
  328. line-height:20px;
  329. text-align:center;
  330. padding:5px;
  331. opacity:0;
  332. -webkit-transition:opacity .7s linear;
  333. -webkit-transition:all .7s linear;
  334. -moz-transition:all .7s linear;
  335. transition:all .7s linear;
  336. }
  337.  
  338. #entry:hover .perma3{
  339. overflow:visible;
  340. bottom:30px;
  341. margin-left:10px;
  342. opacity:1;
  343. }
  344.  
  345. .permalinktext{
  346. position:relative;
  347. display:block;
  348. width:125px;
  349. text-decoration:none;
  350. font-size:8px;
  351. letter-spacing:1px;
  352. padding-top:5px;
  353. text-transform:uppercase;
  354. border:1px solid #eee;
  355. background:white;
  356. margin-left:120px;
  357. text-align:center;
  358. padding:2px;
  359. z-index:9999;
  360. }
  361.  
  362. .l{
  363. position:fixed;
  364. width:150px;
  365. height:100%;
  366. margin-top:10px;
  367. margin-left:-5px;
  368. border-top:1px #ddd solid;
  369. opacity:1;
  370. z-index:1;
  371. }
  372.  
  373. #entry .fade{
  374. position:absolute;
  375. width:0px;
  376. height:calc(100% - 20px);
  377. margin-left:0px;
  378. background:white;
  379. opacity:.2;
  380. z-index:9;
  381. -webkit-transition:opacity .7s linear;
  382. -webkit-transition:all .7s linear;
  383. -moz-transition:all .7s linear;
  384. transition:all .7s linear;
  385. }
  386.  
  387. #entry:hover .fade{
  388. width:127.5px;
  389. opacity:.2;
  390. }
  391.  
  392. #entry .fade2{
  393. position:absolute;
  394. width:0px;
  395. height:calc(100% - 20px);
  396. margin-left:250px;
  397. background:white;
  398. opacity:.2;
  399. z-index:9;
  400. -webkit-transition:opacity .7s linear;
  401. -webkit-transition:all .7s linear;
  402. -moz-transition:all .7s linear;
  403. transition:all .7s linear;
  404. }
  405.  
  406. #entry:hover .fade2{
  407. width:127.5px;
  408. margin-left:127.5px;
  409. opacity:.2;
  410. }
  411.  
  412. .title{
  413. line-height:20px;
  414. color:{color:Title};
  415. font-family: 'Lato', sans-serif;
  416. text-transform:none;
  417. font-size:30px;
  418. text-shadow:2px 2px 0px #dadada;
  419. }
  420.  
  421. #blogtitle{
  422. position: fixed !important;
  423. z-index:9999;
  424. margin-top:125px;
  425. margin-left:55px;
  426. color:{color:Blogtitle};
  427. text-shadow:2px 2px 0px #dadada;
  428. font-family: 'Alex Brush', cursive;
  429. font-size:40px;
  430. line-height:10px;
  431. text-transform:none;
  432. }
  433.  
  434. #sidebar{
  435. position:fixed !important;
  436. width:140px;
  437. height:140px;
  438. margin-top:140px;
  439. margin-left:50px;
  440. }
  441.  
  442. #sb{
  443. position:fixed;
  444. background:white;
  445. border:1px solid #eee;
  446. box-shadow:rgba(0,0,0,.03) 3px 3px;
  447. }
  448.  
  449. #sb2{
  450. position:fixed;
  451. margin-top:130px;
  452. background:white;
  453. border:1px solid #eee;
  454. box-shadow:rgba(0,0,0,.03) 3px 3px;
  455. }
  456.  
  457. #sb3{
  458. position:fixed;
  459. background:white;
  460. margin-left:130px;
  461. border:1px solid #eee;
  462. box-shadow:rgba(0,0,0,.03) 3px 3px;
  463. }
  464.  
  465. #header{
  466. position:fixed;
  467. background:white;
  468. margin-top:20px;
  469. margin-left:150px;
  470. border:1px solid #eee;
  471. box-shadow:rgba(0,0,0,.03) 3px 3px;
  472. opacity:0;
  473. -webkit-transform: scale(1.1);
  474. z-index:9;
  475. -webkit-transition:all 0.7s ease-in-out;
  476. -moz-transition:all 0.7s ease-in-out;
  477. transition:all 0.7s ease-in-out;
  478. }
  479.  
  480. #sidebar:hover #header{
  481. -webkit-transform: scale(1);
  482. opacity:.9;
  483. }
  484.  
  485. #desc{
  486. position:fixed !important;
  487. margin-top:155px;
  488. margin-left:140px;
  489. background:#fff;
  490. width:0px;
  491. height:65px;
  492. padding:8px;
  493. color:transparent;
  494. font-size:8px;
  495. line-height:13px;
  496. font-family:calibri;
  497. text-align:justify;
  498. letter-spacing:1px;
  499. text-transform:uppercase;
  500. outline:1px solid #ddd;
  501. outline-offset:-2px;
  502. opacity:0;
  503. -webkit-transition:all 0.7s ease-in-out;
  504. -moz-transition:all 0.7s ease-in-out;
  505. transition:all 0.7s ease-in-out;
  506. z-index:9999;
  507. }
  508.  
  509. #sidebar:hover #desc{
  510. opacity:.9;
  511. width:216px;
  512. color:{color:text};
  513. }
  514.  
  515. #links{
  516. position:fixed!important;
  517. width:auto;
  518. height:auto;
  519. background:transparent;
  520. margin-left:140px;
  521. margin-top:125px;
  522. padding:10px;
  523. font-size:8px;
  524. font-family:calibri;
  525. letter-spacing:1px;
  526. text-transform:uppercase;
  527. opacity:0;
  528. z-index:9999;
  529. -webkit-transition: all .7s ease-in-out;
  530. -moz-transition: all .7s ease-in-out;
  531. -o-transition: all .7s ease-in-out;
  532. }
  533.  
  534. #sidebar:hover #links{
  535. opacity:1;
  536. }
  537.  
  538. #links a{
  539. margin-left:0px;
  540. padding:5px;
  541. color:{color:text};
  542. -webkit-transition: all .7s ease-in-out;
  543. -moz-transition: all .7s ease-in-out;
  544. -o-transition: all .7s ease-in-out;
  545. }
  546.  
  547. #links a:hover{
  548. color:white;
  549. box-shadow:inset 65px 0px 0px 0px {color:navigation};
  550. }
  551.  
  552. #top{
  553. position:fixed;
  554. left:0px;
  555. top:0;
  556. width:100%;
  557. height:15px;
  558. background:{color:Border};
  559. z-index:9999;
  560.  
  561. }
  562. #bottom{
  563. position:fixed;
  564. left:0px;
  565. bottom:0;
  566. width:100%;
  567. height:15px;
  568. background:{color:Border};
  569. z-index:9999;
  570. }
  571.  
  572. #left{
  573. position:fixed;
  574. left:0px;
  575. bottom:0;
  576. height:100%;
  577. width:15px;
  578. background:{color:Border};
  579. z-index:9999;
  580. }
  581.  
  582. #right{
  583. position:fixed;
  584. right:0px;
  585. bottom:0;
  586. height:100%;
  587. width:15px;
  588. background:{color:Border};
  589. z-index:9999;
  590. }
  591.  
  592. #s{
  593. position:fixed;
  594. margin-top:0px;
  595. margin-left:0px;
  596. z-index:9;
  597. }
  598.  
  599. #stats{
  600. position:fixed;
  601. overflow:hidden;
  602. margin-top:400px;
  603. margin-left:60px;
  604. width:3px;
  605. height:3px;
  606. border:1px solid #ddd;
  607. padding:5px;
  608. background-color:white;
  609. border-radius:50px;
  610. z-index:9999;
  611. }
  612.  
  613. #sbox{
  614. position:fixed;
  615. width:89px;
  616. height:88px;
  617. margin-top:151px;
  618. margin-left:60px;
  619. color:{color:text};
  620. font-family:calibri;
  621. font-size:8px;
  622. text-transform:uppercase;
  623. letter-spacing:1px;
  624. border:1px solid #fff;
  625. background-color:white;
  626. padding:5px;
  627. opacity:0;
  628. -webkit-transform: scale(0);
  629. -webkit-transition: all 0.7s ease-in-out;
  630. -moz-transition: all 0.7s ease-in-out;
  631. -o-transition: all 0.7s ease-in-out;
  632. }
  633.  
  634. #s:hover #sbox{
  635. opacity:.95;
  636. -webkit-transform: scale(1);
  637. }
  638.  
  639. #u{
  640. position:fixed;
  641. margin-top:0px;
  642. margin-left:0px;
  643. z-index:9;
  644. }
  645.  
  646. #updates{
  647. position:fixed;
  648. overflow:hidden;
  649. margin-top:400px;
  650. margin-left:85px;
  651. width:3px;
  652. height:3px;
  653. border:1px solid #ddd;
  654. padding:5px;
  655. background-color:white;
  656. border-radius:50px;
  657. z-index:9999;
  658. }
  659.  
  660. #ubox{
  661. position:fixed;
  662. width:89px;
  663. height:88px;
  664. margin-top:281px;
  665. margin-left:60px;
  666. color:{color:text};
  667. font-family:calibri;
  668. font-size:8px;
  669. text-transform:uppercase;
  670. letter-spacing:1px;
  671. border:1px solid #fff;
  672. background-color:white;
  673. padding:5px;
  674. opacity:0;
  675. -webkit-transform: scale(0);
  676. -webkit-transition: all 0.7s ease-in-out;
  677. -moz-transition: all 0.7s ease-in-out;
  678. -o-transition: all 0.7s ease-in-out;
  679. }
  680.  
  681. #u:hover #ubox{
  682. opacity:.95;
  683. -webkit-transform: scale(1);
  684. }
  685.  
  686. #w{
  687. position:fixed !important;
  688. margin-top:10px;
  689. margin-left:140px;
  690. background:#fff;
  691. width:0px;
  692. height:220px;
  693. padding:8px;
  694. opacity:0;
  695. -webkit-transition:all 0.7s ease-in-out;
  696. -moz-transition:all 0.7s ease-in-out;
  697. transition:all 0.7s ease-in-out;
  698. z-index:9;
  699. }
  700.  
  701. #sidebar:hover #w{
  702. opacity:.7;
  703. width:216px;
  704. }
  705.  
  706. #l1{
  707. position:fixed;
  708. margin-left:470px;
  709. margin-top:0px;
  710. width:20px;
  711. height:100%;
  712. background:{color:border};
  713. outline:1px solid #fff;
  714. outline-offset:-2px;
  715. padding-bottom:10px;
  716. z-index:99;
  717. }
  718.  
  719. #l2{
  720. position:fixed;
  721. margin-left:500px;
  722. margin-top:0px;
  723. width:15px;
  724. height:100%;
  725. background:{color:border};
  726. outline:1px solid #fff;
  727. outline-offset:-2px;
  728. padding-bottom:10px;
  729. z-index:99;
  730. }
  731.  
  732. #l3{
  733. position:fixed;
  734. margin-left:1150px;
  735. margin-top:-5px;
  736. width:20px;
  737. height:80%;
  738. background:{color:border};
  739. outline:1px solid #fff;
  740. outline-offset:-2px;
  741. padding-bottom:10px;
  742. padding-top:20px;
  743. border-radius:100px;
  744. z-index:99;
  745. }
  746.  
  747. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  748. #infscr-loading{
  749. bottom:-70px;
  750. position: absolute;
  751. left: 50%;
  752. margin-left:-8px;
  753. width:16px;
  754. height:11px;
  755. overflow:hidden;
  756. margin-bottom: 50px;
  757. }
  758.  
  759. #postnotes{
  760. text-align: justify;}
  761.  
  762. #postnotes blockquote{
  763. border: 0px;}
  764.  
  765. blockquote{
  766. padding:0px 0px 2px 5px;
  767. margin:0px 0px 2px 10px;
  768. border-left: 1px dotted #eee;
  769. }
  770.  
  771. blockquote p, ul{
  772. margin:0px;
  773. padding:0px;
  774. }
  775.  
  776. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  777. .user_7 .label, .user_8 .label, .user_9 .label {color:Title};}
  778. </style>
  779.  
  780. <title>{Title}</title>
  781.  
  782. <link rel="shortcut icon" href="{Favicon}">
  783.  
  784. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  785. <meta name="viewport" content="width=720" />
  786. </head>
  787.  
  788. <body>
  789. <div id="center">
  790. <div id="content">
  791.  
  792. <div id="top"></div>
  793. <div id="right"></div>
  794. <div id="left"></div>
  795. <div id="bottom"></div>
  796.  
  797. <div id="s">
  798. <div id="stats" style="text-align:center; line-height:17px;" title="stats"></div>
  799. <div id="sbox" style="letter-spacing:1px;line-height:140%">
  800. <font style="font-size:15px; text-shadow:2px 2px 0px #dadada;
  801. font-family: 'Roboto Slab', serif; text-transform:none; color:{color:title}; border-bottom:1px solid #eee; padding-bottom:3px;"><center>STATS</center></font>
  802.  
  803. ✖ <script language="JavaScript">
  804. var ref = (''+document.referrer+'');
  805. var w_h = window.screen.width + " x " + window.screen.height;
  806. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4941524&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  807. </script> // <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2939598&name="></script><br>
  808.  
  809. ✖ <script language="JavaScript" src="http://freehostedscripts.net/ip.php"></script><br>
  810.  
  811. ✖ <script language="JavaScript" src="http://freehostedscripts.net/browserinfo.php"></script><br>
  812.  
  813. ✖ <script language="JavaScript" src="http://freehostedscripts.net/date2.php"></script><br>
  814. </div>
  815. </div>
  816.  
  817. <div id="u">
  818. <div id="updates" style="text-align:center; line-height:17px;" title="updates"></div>
  819. <div id="ubox" style="letter-spacing:1px;line-height:140%">
  820. <font style="font-size:15px; text-shadow:2px 2px 0px #dadada;
  821. font-family: 'Roboto Slab', serif; text-transform:none; color:{color:title}; border-bottom:1px solid #eee; padding-bottom:3px;"><center>UPDATES</center></font>
  822. ✖ Theme made on June 16th.<br>
  823. </div>
  824. </div>
  825.  
  826. <div id="l1"></div>
  827. <div id="l2"></div>
  828. <div id="l3"></div>
  829.  
  830. <div id="blogtitle">{text:blogtitle}</div>
  831.  
  832. <div id="sidebar">
  833.  
  834. <div id="desc"><font style="font-family: 'Alex Brush', cursive; font-size:15px; text-shadow:2px 2px 0px #dadada;">H</font>ey I'm Kara. I enjoy oversized sweaters, cardigans, rain, candles, plants, and coffee. I hope you enjoy this theme as much as I enjoyed making it! Have a good rest of your day xx.</div>
  835.  
  836. <div id="links">
  837. <a href="{text:Link One}">{text:Link One Title}</a> -
  838. <a href="{text:Link Two}">{text:Link Two Title}</a> -
  839. <a href="{text:Link Three}">{text:Link Three Title}</a> -
  840. <a href="{text:Link Four}">{text:Link Four Title}</a>
  841. </div>
  842.  
  843. <div id="w"></div>
  844.  
  845. <div id="header"><img src="{image:header}" style="width:211px; height:100px; outline:1px dotted #fff; outline-offset:-2px;"></div>
  846.  
  847. <!--THIS CODE DOES WORK IMAGE OF SIDEBAR-->
  848. <div id="sb"><img src="{image:sidebar}" style="width:100px; height:100px; padding:10px; outline:1px dotted #fff; outline-offset:-12px;"></div>
  849. <div id="sb2"><img src="{image:sidebar2}" style="width:100px; height:100px; padding:10px; outline:1px dotted #fff; outline-offset:-12px;"></div>
  850. <div id="sb3"><img src="{image:sidebar3}" style="width:230px; height:230px; padding:10px; outline:1px dotted #fff; outline-offset:-12px;"></div>
  851.  
  852. </div>
  853.  
  854. <div id="posts">
  855. {block:Posts}
  856. <div id="entry">
  857.  
  858. {block:Text}
  859. {block:Title}<span class="title">{Title}</span>{/block:Title}
  860. <span class="entrytext">{Body}</span></a>
  861. {block:IndexPage}
  862. <div class="l"></div>
  863. <div class="permalinktext">
  864. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  865. {/block:Text}
  866.  
  867. {block:Link}
  868. <a href="{URL}" class="title">{Name}</a>
  869. {block:Description}{Description}{/block:Description}
  870. {block:IndexPage}
  871. <div class="l"></div>
  872. <div class="permalinktext">
  873. {Month} {DayOfMonth} with <a href="{permalink}">{notecount} notes</a>
  874. </div>
  875. {/block:IndexPage}
  876. {block:Link}
  877.  
  878. {block:Photo}{block:IndexPage}<div class="lovely"></div>
  879. <div class="fade"></div>
  880. <div class="fade2"></div>
  881. <div class="perma">
  882. <a href="{Like}" title="Like" target="_blank">{LikeButton color="white" size="20"}</a></div>
  883. <div class="perma2">
  884. <a href="{ReblogURL}" title="Reblog" target="_blank">{ReblogButton color="white" size="20"}</a></div>
  885. <div class="perma3">
  886. <a href="{Permalinkpage}" target="_blank"><font style="font-family: 'Alex Brush', cursive; font-size:15px; text-shadow:2px 2px 0px #dadada;">P</font>osted {timeago}</a> with
  887. <a href="{Permalinkpage}" target="_blank">{notecountwithlabel}</a>
  888.  
  889. </div>
  890. {/block:IndexPage}
  891.  
  892. {block:IndexPage}
  893. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=250px;>
  894. {/block:IndexPage}
  895. {block:permalinkpage}{LinkOpenTag}<center>
  896. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=450px;/>
  897. {LinkCloseTag}</center>{/block:permalinkpage}
  898. {/block:Photo}
  899.  
  900. {block:Quote}
  901. <div class="quote">❝ {quote}</div>
  902. {block:IndexPage}
  903. <div class="l"></div>
  904. <div class="permalinktext">
  905. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  906. {/block:Quote}
  907.  
  908. {block:Chat}
  909. {block:Title}<span class="title">{Title}</span>{/block:Title}
  910. <ul class="chat">
  911. {block:Lines}
  912. <li class="user_{UserNumber}">
  913. {block:Label}
  914. <span class="label">{Label}</span>
  915. {/block:Label}
  916.  
  917. {Line}<br>
  918. {/block:Lines}
  919. {block:IndexPage}
  920. <div class="l"></div>
  921. <div class="permalinktext">
  922. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  923. {/block:Chat}
  924.  
  925. {block:Audio}
  926. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Lovers</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Touch:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  927. {block:IndexPage}
  928. <div class="l"></div>
  929. <div class="permalinktext">
  930. <center> <font color="#fff">{DayOfMonth}, {ShortMonth} with</font> <a href="{permalink}"><font color="#fff">{notecount} notes</font></a></center></div>{/block:IndexPage}
  931. {/block:Audio}
  932.  
  933. {block:Photoset}
  934. {Photoset-250}
  935. {/block:Photoset}
  936.  
  937. {block:Video}
  938. <center>{block:IndexPage}
  939. <div class="permalinktext">
  940. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>
  941. <div style="width:250px; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>{/block:IndexPage}</center>
  942. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden; overflow-y:hidden">{Video-500}{/block:PermalinkPage}</center>
  943. {block:Video}
  944.  
  945. {block:Answer}
  946. <div style="border:1px solid #eee; margin:3px; margin-left:50px; margin-top:-5px; min-height:30px; padding:3px; background:#fafafa; width:195px;">
  947. <img src="{AskerPortraitURL-30}" width="30" align="left"
  948. style="margin-left:-60px; margin-top:-6px; border:1px solid #eee; padding:7px; background:#fff; opacity:.7; outline-offset:1px dotted #fff; outline-offset:-10px; box-shadow:rgba(0,0,0,.03) 3px 3px;">
  949. <askk><font style="font-family: 'Lato', sans-serif; font-size:15px; text-shadow:2px 2px 0px #dadada; text-transfrom:none;">{Asker}</font></askk>: {Question}</div><br>
  950. <div style="font-family:calibri; font-size:10px">{Answer}</div>
  951. <div class="l"></div>
  952. <div class="permalinktext">
  953. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>
  954. {/block:Answer}
  955.  
  956. {block:PermalinkPage}
  957. {block:caption}<div style="background:#fbfbfb; border:1px solid #eee; width:470px; padding:5px; margin-left:-16px; text-align:center;">{caption}</div>{/block:caption}<br>
  958. {block:Date}<div style="background:#fbfbfb; border:1px solid #eee; width:470px; padding:5px; margin-left:-16px; text-align:center;">posted {DayOfWeek}, {Month} {DayOfMonth}, {Year} {/block:Date} {block:NoteCount}with {NoteCount} notes<br></div>{/block:NoteCount}<br>
  959. {block:RebloggedFrom}<div style="background:#fbfbfb; border:1px solid #eee; width:470px; padding:5px; margin-left:-16px; text-align:center;">source: <a href="{ReblogRootURL}">{ReblogRootName}</a> | Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</div></a><br>{/block:RebloggedFrom}
  960. {block:NoteCount} <div style="text-align:center; margin:5px; margin-left:-16px;"></div>{/block:NoteCount}</justify>
  961. {/block:PermalinkPage}
  962. {block:PostNotes}
  963. <div id="postnotes"> <div style="overflow:auto; width:480px; height:200px; border: 1px solid #eee; background-color:#fbfbfb; text-align:justify; margin-left:-16px;">{PostNotes}</div></div>
  964. {/block:PostNotes}</div>{/block:Posts}
  965. </div></div>
  966.  
  967. {block:indexpage}
  968. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  969. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  970. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  971. <script type="text/javascript">
  972. $(window).load(function(){
  973. var $wall = $('#posts');
  974. $wall.imagesLoaded(function(){
  975. $wall.masonry({
  976. itemSelector: '#entry, #entry_photo',
  977. isAnimated : false
  978. });
  979. });
  980.  
  981. $wall.infinitescroll({
  982. navSelector : '#page-nav',
  983. nextSelector : '#page-nav a',
  984. itemSelector : '#entry, #entry_photo',
  985. bufferPx : 2000,
  986. debug : false,
  987. errorCallback: function() {
  988. $('#infscr-loading').fadeOut('normal');
  989. }},
  990. function( newElements ) {
  991. var $newElems = $( newElements );
  992. $newElems.hide();
  993. $newElems.imagesLoaded(function(){
  994. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  995. });
  996. }); $('#content').show(500);
  997. });
  998. </script>
  999. {/block:indexpage}
  1000.  
  1001. <body onkeydown="return false">
  1002. </body>
  1003.  
  1004. <div style="z-index:99999999999; position:fixed; bottom:20px; right:20px; opacity:0.7"><a href="http://seedfawn.tumblr.com" title="Theme by Seedfawn"><img src="http://static.tumblr.com/iqvfzph/DyZnm91nx/tumblr_inline_mpa4u8ch0b1r5q3xq.png" width="auto"></a></div>
  1005. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement