Advertisement
isucas

super duper customisable theme

Nov 22nd, 2014
5,936
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.23 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4.  
  5. <!-- theme by mewmewzakuro, don't use as a base or steal the code
  6.  
  7. i worked super hard to make this really customisable
  8. if you come across any problems or have any queries mssg me off anon :D
  9.  
  10. ok thanks ily bye! -->
  11.  
  12. <meta name="image:Background" content=""/>
  13. <meta name="image:Favicon" content=""/>
  14. <meta name="image:Top Strip" content=""/>
  15. <meta name="image:Sidebar Image" content=""/>
  16. <meta name="image:Link 1" content=""/>
  17. <meta name="image:Link 2" content=""/>
  18. <meta name="image:Link 3" content=""/>
  19. <meta name="image:Link 4" content=""/>
  20. <meta name="image:Link 5" content=""/>
  21. <meta name="image:Link 6" content=""/>
  22. <meta name="image:Link 7" content=""/>
  23. <meta name="image:Footer Pixel Left" content=""/>
  24. <meta name="image:Footer Pixel Right" content=""/>
  25.  
  26. <meta name="color:Background" content=""/>
  27. <meta name="color:Links" content=""/>
  28. <meta name="color:Sidebar Links" content=""/>
  29. <meta name="color:Text" content=""/>
  30. <meta name="color:Post Background" content=""/>
  31. <meta name="color:Sidepic Background" content=""/>
  32. <meta name="color:Link Background" content=""/>
  33. <meta name="color:Link Background Hover" content=""/>
  34. <meta name="color:Footer Background" content=""/>
  35. <meta name="color:Footer Border" content=""/>
  36. <meta name="color:Sidepic Border" content=""/>
  37. <meta name="color:Post Border" content=""/>
  38. <meta name="color:Selection" content=""/>
  39. <meta name="color:Selection Text" content=""/>
  40.  
  41. <meta name="text:Link 1" content=""/>
  42. <meta name="text:Link 1 URL" content=""/>
  43. <meta name="text:Link 2" content=""/>
  44. <meta name="text:Link 2 URL" content=""/>
  45. <meta name="text:Link 3" content=""/>
  46. <meta name="text:Link 3 URL" content=""/>
  47. <meta name="text:Link 4" content=""/>
  48. <meta name="text:Link 4 URL" content=""/>
  49. <meta name="text:Link 5" content=""/>
  50. <meta name="text:Link 5 URL" content=""/>
  51. <meta name="text:Link 6" content=""/>
  52. <meta name="text:Link 6 URL" content=""/>
  53. <meta name="text:Link 7" content=""/>
  54. <meta name="text:Link 7 URL" content=""/>
  55.  
  56. <meta name="if:Link Style 1" content="1"/>
  57. <meta name="if:Link Style 2" content="0"/>
  58. <meta name="if:Link Style 3" content="0"/>
  59. <meta name="if:Link Style 4" content="0"/>
  60. <meta name="if:500px Posts" content="1"/>
  61. <meta name="if:400px Posts" content="0"/>
  62. <meta name="if:250px Posts" content="0"/>
  63. <meta name="if:Rounded Sidebar" content="0"/>
  64. <meta name="if:Rounded Sidebar Image" content="0"/>
  65. <meta name="if:Rounded Footer" content="0"/>
  66. <meta name="if:Rounded Posts" content="0"/>
  67. <meta name="if:Rounded Post Images" content="0"/>
  68. <meta name="if:Inverted Follow Button" content="0"/>
  69. <meta name="if:Colour Post Background" content="0"/>
  70. <meta name="if:Colour Footer Background" content="0"/>
  71. <meta name="if:Footer Border" content="0"/>
  72. <meta name="if:Colour Sidepic Background" content="0"/>
  73. <meta name="if:Sidepic Border" content="0"/>
  74. <meta name="if:Post Border" content="0"/>
  75. <meta name="if:Background Cover" content="0"/>
  76. <meta name="if:Search Box" content="1"/>
  77. <meta name="if:Show Captions" content="1"/>
  78. <meta name="if:Infinite Scroll" content="0"/>
  79. <meta name="if:No Infinite Scroll" content="1"/>
  80.  
  81. <meta name="select:Text Font" content="Arial" title="Arial">
  82. <meta name="select:Text Font" content="georgia" title="Georgia">
  83. <meta name="select:Text Font" content="impact" title="Impact">
  84. <meta name="select:Text Font" content="trebuchet_ms" title="Trebuchet MS">
  85. <meta name="select:Text Font" content="verdana" title="Verdana">
  86.  
  87. <meta name="select:Text Size" content="ten" title="10px">
  88. <meta name="select:Text Size" content="eleven" title="11px">
  89. <meta name="select:Text Size" content="twelve" title="12px">
  90. <meta name="select:Text Size" content="fourteen" title="14px">
  91. <meta name="select:Text Size" content="sixteen" title="16px">
  92.  
  93. <title>{Title}</title>
  94.  
  95. <link rel="shortcut icon" href="{image:Favicon}">
  96. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  97.  
  98. {block:ifinfinitescroll}
  99. <script type="text/javascript"
  100. src="http://codysherman.com/tools/infinite-scrolling/code" ></script>
  101. {/block:ifinfinitescroll}
  102.  
  103.  
  104. <!--jquery -->
  105.  
  106. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  107.  
  108. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  109.  
  110. <script>
  111.  
  112. (function($){
  113.  
  114. $(document).ready(function(){
  115.  
  116. $("a[title]").style_my_tooltips({
  117.  
  118. tip_follows_cursor:true,
  119.  
  120. tip_delay_time:0,
  121.  
  122. tip_fade_speed:0,
  123.  
  124. attribute:"title"
  125.  
  126. });
  127.  
  128. });
  129.  
  130. })(jQuery);
  131.  
  132. </script>
  133.  
  134.  
  135.  
  136. <!--CSS customization here. -->
  137.  
  138. <style type="text/css">
  139.  
  140.  
  141. /*invert follow + dashboard etc buttons*/
  142. {block:ifInvertedFollowButton}
  143. iframe#tumblr_controls {
  144. white-space:nowrap;
  145. -webkit-filter: invert(100%);
  146. -moz-filter: invert(100%);
  147. -o-filter: invert(100%);
  148. -ms-filter: invert(100%);
  149. filter: invert(100%);
  150. opacity:1;
  151. }
  152. {/block:ifInvertedFollowButton}
  153.  
  154.  
  155.  
  156. #s-m-t-tooltip {
  157. padding:3px 5px;
  158. margin:20px 14px 7px 10px;
  159. border:1px solid #eee;
  160. background-color:#fff;
  161. font-family:helvetica;
  162. font-style: normal;
  163. font-size:11px;
  164. text-transform:lowercase;
  165. color:#9C9C9C;
  166. z-index:999;
  167. }
  168.  
  169.  
  170. /*scrollbar*/
  171. ::-webkit-scrollbar{
  172. width: 5px;
  173. }
  174. ::-webkit-scrollbar-track {
  175. border-radius: 10px;
  176. }
  177. ::-webkit-scrollbar-thumb {
  178. border-radius: 10px;
  179. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  180. }
  181.  
  182.  
  183. /*main structure*/
  184. body {
  185. background:url({image:Background});
  186. background-attachment:fixed;
  187. {block:ifbackgroundcover}
  188. background-size:cover
  189. {/block:ifbackgroundcover};
  190. background-color:{color:Background};
  191. font-family:helvetica;
  192. font-weight:100;
  193. font-size:10px;
  194. text-align:justify;
  195. margin:0px;
  196. line-height:18px;
  197. color:{color:Text};
  198. }
  199.  
  200.  
  201. body a {
  202. color:{color:links};
  203. text-decoration:none;
  204. -webkit-transition:all 0.8s;
  205. -moz-transition:all 0.8s;
  206. -ms-transition:all 0.8s;
  207. -o-transition:all 0.8s;
  208. transition:all 0.8s;
  209. }
  210.  
  211.  
  212.  
  213. /*posts*/
  214. .post {
  215. margin: 15px auto 50px auto;
  216. {block:if500pxposts}
  217. width: 500px;
  218. {/block:if500pxposts}
  219. {block:if400pxposts}
  220. width: 400px;
  221. {/block:if400pxposts}
  222. {block:if250pxposts}
  223. width: 250px;
  224. {/block:if250pxposts}
  225. font-family:{select:text font};
  226. font-size:{select:text size};
  227. position:relative;
  228. z-index:5;
  229. {block:ifColourPostBackground}
  230. background-color:{color:Post Background};
  231. {/block:ifColourPostBackground}
  232. padding:10px;
  233. {block:ifroundedposts}
  234. border-radius:15px;
  235. {/block:ifroundedposts}
  236. {block:ifpostborder}
  237. border:1px solid {color:post border} ;
  238. {/block:ifpostborder}
  239. }
  240.  
  241. /*fonts*/
  242. #arial {
  243. font-family:"Arial";
  244. }
  245. #georgia {
  246. font-family:"Georgia";
  247. }
  248. #impact {
  249. font-family:"Impact";
  250. }
  251. #trebuchet_ms {
  252. font-family:"Trebuchet MS";
  253. }
  254. #verdana{
  255. font-family:"verdana";
  256. }
  257.  
  258. /*text size*/
  259. .ten {
  260. font-size:10px;
  261. }
  262. .eleven {
  263. font-size:11px;
  264. }
  265. .twelve {
  266. font-size:12px;
  267. }
  268. .fourteen {
  269. font-size:14px;
  270. }
  271. .sixteen {
  272. font-size:16px;
  273. }
  274.  
  275. /*permalink*/
  276. .permalink {
  277. {block:PermalinkPage}
  278. {block:if500pxposts}
  279. width: 500px;
  280. {/block:if500pxposts}
  281. {block:if400pxposts}
  282. width: 400px;
  283. {/block:if400pxposts}
  284. {block:if250pxposts}
  285. width: 250px;
  286. {/block:if250pxposts}
  287. font-size:12px;
  288. margin-top:-50px;
  289. {/block:PermalinkPage}
  290. {block:Caption}{Caption}{/block:Caption}
  291. }
  292.  
  293. /*ask posts*/
  294. .question {
  295. padding:15px;
  296. border-bottom:1px dashed {color:Tag Border} ;
  297. }
  298.  
  299. .asker {
  300. text-decoration:underline;
  301. text-transform:lowercase;
  302. }
  303.  
  304. .answer {
  305. margin:15px
  306. }
  307.  
  308. /*selection (text) colour*/
  309. ::selection {
  310. background:{color:Selection};
  311. color:{color:Selection Text};
  312. }
  313. ::-moz-selection {
  314. background:{color:Selection};
  315. color:{color:Selection Text};
  316. }
  317. ::-webkit-selection {
  318. background:{color:Selection};
  319. color:{color:Selection Text};
  320. }
  321.  
  322. /*container*/
  323. #container {
  324. {block:if500pxposts}
  325. width: 550px;
  326. max-width:550px;
  327. {/block:if500pxposts}
  328. {block:if400pxposts}
  329. width: 450px;
  330. max-width:450px;
  331. {/block:if400pxposts}
  332. {block:if250pxposts}
  333. width: 300px;
  334. max-width:300px;
  335. {/block:if250pxposts}
  336. height:auto;
  337. padding-top:10px;
  338. margin:auto;
  339. position:absolute;
  340. left:50%;
  341. margin-top:63px;
  342. {block:if500pxposts}
  343. margin-left:-125px;
  344. {/block:if500pxposts}
  345. {block:if400pxposts}
  346. margin-left:-125px;
  347. {/block:if400pxposts}
  348. {block:if250pxposts}
  349. margin-left:-90px;
  350. {/block:if250pxposts}
  351. z-index:1;
  352. }
  353.  
  354. #new {
  355. left:50%;
  356. width:160px;
  357. position:fixed;
  358. margin-left:-315px;
  359. height:auto;
  360. margin-top:90px;
  361. z-index:5;
  362. }
  363.  
  364. .url {
  365. margin-top:0px;
  366. margin-left:0px;
  367. position:relative;
  368. z-index:7;
  369. width:160px;
  370. }
  371. .url a {
  372. background-color:{color:Link Background};
  373. float:left;
  374. margin-bottom:5px;
  375. text-align:center;
  376. width:125px;
  377. font-family:Lucida Console;
  378. font-size:16px;
  379. padding:1px 15px 1px 15px;
  380. position:relative;
  381. z-index:7;
  382. -o-transition:color .2s ease-out, background .3s ease-in;
  383. -ms-transition:color .2s ease-out, background .3s ease-in;
  384. -moz-transition:color .2s ease-out, background .3s ease-in;
  385. -webkit-transition:color .2s ease-out, background .3s ease-in;
  386. /* ...and now override with proper CSS property */
  387. transition:color .2s ease-out, background .3s ease-in;
  388. color:{color:sidebar links};
  389. }
  390.  
  391. .url a:hover {
  392. background-color:{color:Link Background Hover};
  393. }
  394.  
  395. .url2 {
  396. text-align:center;
  397. margin-top:-5px;
  398. font-size:12px;
  399. }
  400.  
  401. .url2 a{
  402. color:{color:sidebar links};
  403. }
  404.  
  405. .url3 img {
  406.  
  407. margin-left: auto;
  408. margin-right: auto
  409. }
  410.  
  411. .url3 a {
  412. color:{color:sidebar links};
  413. }
  414.  
  415. /*header*/
  416. .header {
  417. background-image: url({image:Top Strip});
  418. background-repeat:repeat-x;
  419. text-align:center;
  420. {block:if500pxposts}
  421. width:750px;
  422. {/block:if500pxposts}
  423. {block:if400pxposts}
  424. width:650px;
  425. {/block:if400pxposts}
  426. {block:if250pxposts}
  427. width:550px;
  428. {/block:if250pxposts}
  429. height:35px;
  430. left:50%;
  431. margin-left:-325px;
  432. margin-top:-25px;
  433. font-family:Lucida Console;
  434. position:fixed;
  435. margin-top:40px;
  436. z-index:10;
  437. }
  438.  
  439. .header a {
  440. color:{color:Title};
  441. }
  442.  
  443.  
  444. /*search box*/
  445. {block:ifsearchbox}
  446. .s-box {
  447. margin-top:2px;
  448. {block:if500pxposts}
  449. margin-left:625px;
  450. {/block:if500pxposts}
  451. {block:if400pxposts}
  452. margin-left:525px;
  453. {/block:if400pxposts}
  454. {block:if250pxposts}
  455. margin-left:395px;
  456. {/block:if250pxposts}
  457.  
  458. position:fixed;
  459. }
  460. .sfm input {
  461. background-color: #f5f5f5;
  462. font-size: 9px;
  463. border: 0px;
  464. text-transform: lowercase;
  465. margin-top: 0;
  466. color: #999;
  467. letter-spacing: 1px;
  468. padding: 4px 10px ;
  469. font-family: Lucida Console;
  470. border:1px solid #445555;
  471. border-radius:4px;
  472. }
  473. #sf {
  474. background: url('http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png') #f5f5f5 left center no-repeat;
  475. background-size: 10px 10px;
  476. }
  477. {/block:ifsearchbox}
  478.  
  479. .links {
  480. margin:100px 0px 0px 0px;
  481. font-size:12px;
  482. }
  483.  
  484. #links2 {
  485. width:auto;
  486. height:auto;
  487. left:50%;
  488. margin-left:-50px;
  489. text-align:center;
  490. }
  491.  
  492. .links a {
  493. display:inline block;
  494. border:none;
  495. letter-spacing: 2px;
  496. }
  497.  
  498.  
  499. .desc {
  500. text-transform:initial;
  501. font-family:{select:text font};
  502. font-size:{select:text size};
  503. text-align:justify;
  504. margin-top:-10px;
  505. margin-bottom:5px;
  506. }
  507.  
  508.  
  509.  
  510. /*next page button*/
  511. .pagenavi {
  512. margin-top:1px;
  513. }
  514.  
  515. .pagenavi a {
  516. text-transform:lowercase;
  517. display:inline;
  518. position:relative;
  519. font-family:{select:text font};
  520. font-size:12px;
  521. float:right;
  522. margin-right:5px;
  523. }
  524.  
  525. /*text post title*/
  526. .titt {
  527. padding-bottom:7px;
  528. text-align:right;
  529. }
  530.  
  531. .titt a {
  532. text-decoration:none;
  533. font-size:18px;
  534. }
  535.  
  536. /*ask posts*/
  537. .question {
  538. padding:15px;
  539. }
  540.  
  541. .asker {
  542. text-decoration:underline;
  543. text-transform:lowercase;
  544. vertical-align:middle;
  545. }
  546.  
  547. .asker img {
  548. vertical-align:middle;
  549. border-radius:20px;
  550. padding-right:5px;
  551. }
  552.  
  553. .answer {
  554. margin-top:-15px;
  555. padding-left:10px;
  556. }
  557.  
  558. .quest {
  559. margin-left:45px;
  560. margin-top:-10px;
  561. }
  562.  
  563. /* link posts*/
  564. .link {
  565. font-size:18px;
  566.  
  567. }
  568.  
  569. .link a {
  570.  
  571. margin-left:5px;
  572. text-decoration:none;
  573. }
  574.  
  575. .link img {
  576. width:50px;
  577. vertical-align:top;
  578. border-radius:100px;
  579. position:absolute;
  580. }
  581.  
  582.  
  583. .link_url {
  584. font-size:18px;
  585. padding:5px;
  586. margin-left:50px;
  587. }
  588.  
  589. /* making sure all images are the same size*/
  590. .photo img{
  591. {block:if500pxposts}
  592. width:500px;
  593. {/block:if500pxposts}
  594. {block:if400pxposts}
  595. width:400px;
  596. {/block:if400pxposts}
  597. {block:if250pxposts}
  598. width:250px;
  599. {/block:if250pxposts}
  600. display:block;
  601. {block:ifroundedposts}
  602. border-radius:15px;
  603. {/block:ifroundedposts}
  604. }
  605.  
  606. .photoset {
  607. display:block;
  608. {block:ifroundedpostimages}
  609. border-radius:15px;
  610. {/block:ifroundedpostimages}
  611. }
  612.  
  613. .bod img {
  614. max-width:100%;
  615. }
  616.  
  617. #top-strip {
  618. width:100%;
  619. background-color:{color:background};
  620. {block:ifbackgroundcover}
  621. background-size:cover
  622. {/block:ifbackgroundcover};
  623. background-image:url({image:background});
  624. height:63px;
  625. position:fixed;
  626. z-index:2;
  627. }
  628.  
  629. .sidebar {
  630. {block:ifColourSidepicBackground}
  631. background-color:{color:Sidepic Background};
  632. {/block:ifColourSidepicBackground}
  633. width:154px;
  634. margin-bottom:10px;
  635. {block:ifroundedsidebar}
  636. border-radius:15px;
  637. {/block:ifroundedsidebar}
  638. }
  639.  
  640. .sidebar img {
  641. margin:2px 2px -3px 2px;
  642. width:144px;
  643. {block:ifColourSidepicBackground}
  644. background-color:{color:Sidepic Background};
  645. {/block:ifColourSidepicBackground}
  646. padding:2px;
  647. {block:ifsidepicborder}
  648. border:1px {color:sidepic border} solid;
  649. {/block:ifsidepicborder}
  650. {block:ifroundedsidebarimage}
  651. border-radius:15px;
  652. {/block:ifroundedsidebarimage}
  653. }
  654.  
  655. #footer {
  656. {block:ifcolourfooterbackground}
  657. background-color:{color:footer background};
  658. {/block:ifcolourfooterbackground}
  659. {block:iffooterborder}
  660. border:1px {color:footer border} solid;
  661. {/block:iffooterborder}
  662. {block:if500pxposts}
  663. width:498px;
  664. {/block:if500pxposts}
  665. {block:if400pxposts}
  666. width:398px;
  667. {/block:if400pxposts}
  668. {block:if250pxposts}
  669. width:248px;
  670. {/block:if250pxposts}
  671. margin-top:7px;
  672. padding:1px 2px 1px 2px;
  673. {block:ifroundedfooter}
  674. border-radius:15px;
  675. {/block:ifroundedfooter}
  676. }
  677.  
  678. #footer img {
  679. height:16px;
  680. margin-top:-3px;
  681. padding:0px 2px 0px 5px;
  682. vertical-align: middle;
  683. }
  684.  
  685. #footer a {
  686. display:inline;
  687. }
  688.  
  689. #footer .reblog {
  690. float:right;
  691. display:inline;
  692. padding-right:2px;
  693. }
  694.  
  695. .tags {
  696. {block:ifcolourfooterbackground}
  697. background-color:{color:footer background};
  698. {/block:ifcolourfooterbackground}
  699. {block:iffooterborder}
  700. border:1px {color:footer border} solid;
  701. {/block:iffooterborder}
  702. {block:if500pxposts}
  703. width:498px;
  704. {/block:if500pxposts}
  705. {block:if400pxposts}
  706. width:398px;
  707. {/block:if400pxposts}
  708. {block:if250pxposts}
  709. width:248px;
  710. {/block:if250pxposts}
  711. margin-top:7px;
  712. padding:1px 2px 1px 2px;
  713. {block:ifroundedfooter}
  714. border-radius:15px;
  715. {/block:ifroundedfooter}
  716. }
  717.  
  718. {block:PermalinkPage}
  719. .source {
  720. {block:ifcolourfooterbackground}
  721. background-color:{color:footer background};
  722. {/block:ifcolourfooterbackground}
  723. {block:iffooterborder}
  724. border:1px {color:footer border} solid;
  725. {/block:iffooterborder}
  726. {block:NotReblog}
  727. background-color:transparent;
  728. border:0px;
  729. {/block:NotReblog}
  730. {block:if500pxposts}
  731. width:498px;
  732. {/block:if500pxposts}
  733. {block:if400pxposts}
  734. width:398px;
  735. {/block:if400pxposts}
  736. {block:if250pxposts}
  737. width:248px;
  738. {/block:if250pxposts}
  739. margin-top:7px;
  740. padding:1px 2px 1px 2px;
  741. {block:ifroundedfooter}
  742. border-radius:15px;
  743. {/block:ifroundedfooter}
  744. }
  745. {/block:PermalinkPage}
  746.  
  747. #audio img{
  748. width:100px;
  749. border-radius:50px;
  750. }
  751.  
  752. .info {
  753. position:absolute;
  754. margin-top:-100px;
  755. margin-left:110px;
  756. }
  757.  
  758. .player {
  759. width:30px;
  760. height:30px;
  761. overflow:hidden;
  762. position:absolute;
  763. margin-top:-68px;
  764. margin-left:35px;
  765. }
  766.  
  767.  
  768. .credit {
  769. background:white;
  770. color:#888;
  771. border:1px solid #999;
  772. width:px;
  773. font-size:10px;
  774. padding:1px 3px 1px 3px;
  775. left:5px;
  776. bottom:5px;
  777. position:fixed;
  778. }
  779.  
  780.  
  781. </style>
  782.  
  783. </head>
  784.  
  785. <body>
  786.  
  787.  
  788.  
  789. <div id="top-strip">
  790.  
  791. </div>
  792.  
  793. <div id="new">
  794.  
  795. <div class="sidebar">
  796. <a href="/"><img src="{image:Sidebar Image}"></a>
  797. </div>
  798.  
  799. <div class="desc">
  800. {Description}
  801. </div>
  802.  
  803. {block:ifLinkStyle1}
  804. <div class="url">
  805. {block:ifLink1} <a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  806.  
  807. {block:ifLink2}<a href="{text:link 2 url}">{text:Link 2}</a>{/block:ifLink2}
  808.  
  809. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  810.  
  811. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  812.  
  813. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  814.  
  815. {block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
  816.  
  817. {block:ifLink7}<a href="{text:Link 7 URL}">{text:Link 7}</a>{/block:ifLink7}
  818. </div>
  819. {/block:ifLinkStyle1}
  820.  
  821. {block:ifLinkStyle2}
  822. <div class="url2">
  823. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  824.  
  825. {block:ifLink2} // <a href="{text:link 2 url}">{text:Link 2}</a>{/block:ifLink2}
  826.  
  827. {block:ifLink3} // <a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  828.  
  829. {block:ifLink4} // <a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  830.  
  831. {block:ifLink5} // <a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  832.  
  833. {block:ifLink6} // <a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
  834.  
  835. {block:ifLink7} // <a href="{text:Link 7 URL}">{text:Link 7}</a>{/block:ifLink7}
  836. </div>
  837. {/block:ifLinkStyle2}
  838.  
  839. {block:ifLinkStyle3}
  840. <div class="url3">
  841. <center>
  842. {block:ifLink1} <a href="{text:Link 1 URL}" title ="{text:Link 1}"> <img src="{image:link 1}"></a>{/block:ifLink1}
  843.  
  844. {block:ifLink2} <a href="{text:Link 2 URL}" title ="{text:Link 2}"> <img src="{image:link 2}"></a>{/block:ifLink2}
  845.  
  846. {block:ifLink3} <a href="{text:Link 3 URL}" title ="{text:Link 3}"> <img src="{image:link 3}"></a>{/block:ifLink3}
  847.  
  848. {block:ifLink4} <a href="{text:Link 4 URL}" title ="{text:Link 4}"> <img src="{image:link 4}"></a>{/block:ifLink4}
  849.  
  850. {block:ifLink5} <a href="{text:Link 5 URL}" title ="{text:Link 5}"> <img src="{image:link 5}"></a>{/block:ifLink5}
  851.  
  852. {block:ifLink6} <a href="{text:Link 6 URL}" title ="{text:Link 6}"> <img src="{image:link 6}"></a>{/block:ifLink6}
  853.  
  854. {block:ifLink7} <a href="{text:Link 7 URL}" title ="{text:Link 7}"> <img src="{image:link 7}"></a>{/block:ifLink7}
  855.  
  856. </center>
  857. </div>
  858.  
  859. {/block:ifLinkStyle3}
  860.  
  861. {block:ifLinkStyle4}
  862. <select style=" left:50%; margin-left:15px; width:120px; padding: 3px; color:#000; background: white ; font-family: arial; text-transform: lowercase; font-size:10px; letter-spacing:0.3px; color:black;" onChange="location.href=this.options[this.selectedIndex].value;">
  863. <option value="/" >navigation</option>
  864. {block:ifLink1}<option value="{text:Link 1 URL}" >{text:Link 1}</option>{block:ifLink1}
  865. {block:ifLink2}<option value="{text:Link 2 URL}">{text:Link 2}</option>{/block:ifLink2}
  866. {block:ifLink3}<option value="{text:Link 3 URL}">{text:Link 3}</option>{/block:ifLink3}
  867. {block:ifLink4}<option value="{text:Link 4 URL}">{text:Link 4}</option>{/block:ifLink4}
  868. {block:ifLink5}<option value="{text:Link 5 URL}">{text:Link 5}</option>{/block:ifLink5}
  869. {block:ifLink6}<option value="{text:Link 6 URL}">{text:Link 6}</option>{/block:ifLink6}
  870. {block:ifLink7}<option value="{text:Link 7 URL}">{text:Link 7}</option>{/block:ifLink7}
  871. </select>
  872. {/block:ifLinkStyle4}
  873.  
  874. {block:ifNoInfiniteScroll}
  875. {block:pagination}
  876. <div class="pagenavi">
  877.  
  878. {block:nextpage}<a href="{nextpage}">next</a>{/block:nextpage}
  879. {block:previouspage}<a href="{previouspage}">previous //</a>{/block:previouspage}
  880. </div>
  881. {/block:pagination}
  882. {/block:ifNoInfiniteScroll}
  883. </div>
  884.  
  885.  
  886.  
  887.  
  888.  
  889.  
  890.  
  891. <div class="header">
  892. {block:ifsearchbox}
  893. <div class="s-box">
  894. <script language="javascript">
  895. function send()
  896. {document.theform.submit()}
  897. </script>
  898.  
  899. <form action="/search" method="get" class="sfm" name="theform">
  900. <input type="text" name="q" value="" id="sf"/>
  901. </form>
  902. </form>
  903. </div>
  904. {/block:ifsearchbox}
  905.  
  906.  
  907.  
  908.  
  909. </div>
  910.  
  911.  
  912.  
  913. <div id="container">
  914. {block:Posts}
  915.  
  916.  
  917.  
  918.  
  919. {block:Text}
  920. <div class="post">
  921. <div class="{select:text font}">
  922. <div class="{select:text size}">
  923. {block:Title}
  924.  
  925. <div class="titt"> <a href=" {Permalink}">{Title}</a></div>
  926.  
  927. {/block:Title}
  928.  
  929. <div class="bod">{Body}</div>
  930.  
  931. {block:Caption}{block:ifshowcaptions}{Caption}{/block:ifshowcaptions}{/block:Caption}
  932.  
  933. <div id="footer">
  934. <img src="{image:footer pixel left}">
  935.  
  936. {block:date}<a href="{permalink}" title="{TimeAgo}">{TimeAgo}</a> {/block:date}
  937.  
  938. {block:NoteCount}<a href="{permalink}" title="{Notecountwithlabel}">({Notecountwithlabel})</a>{/block:NoteCount}
  939.  
  940. <div class="reblog">
  941. <a href="{ReblogURL}" title="reblog">reblog</a>
  942. <img src="{image:footer pixel right}">
  943. </div>
  944. </div>
  945.  
  946. {block:HasTags}
  947. <div class="tags">
  948. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  949. </div>
  950. {/block:HasTags}
  951.  
  952.  
  953. {block:PermalinkPage} <div class="source">
  954. {block:RebloggedFrom}reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  955. {block:ContentSource} originally from <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}
  956. </div>{/block:PermalinkPage}
  957.  
  958.  
  959. </div></div></div>
  960.  
  961. <div class="permalink">
  962. {block:PostNotes} {PostNotes}{/block:PostNotes} </div>
  963. {/block:Text}
  964.  
  965.  
  966.  
  967.  
  968.  
  969. {block:Photo}
  970. <div class="post">
  971.  
  972.  
  973.  
  974. <div class="{select:text font}">
  975. <div class="{select:text size}">
  976.  
  977. <div class="photo">
  978. {block:if500pxposts}
  979. <img src="{PhotoURL-500}">
  980. {/block:if500pxposts}
  981.  
  982. {block:if400pxposts}
  983. <img src="{PhotoURL-400}">
  984. {/block:if400pxposts}
  985.  
  986. {block:if250pxposts}
  987. <img src="{PhotoURL-250}">
  988. {/block:if250pxposts}
  989. </div>
  990.  
  991. {block:Caption}{block:ifshowcaptions}{Caption}{/block:ifshowcaptions}{/block:Caption}
  992.  
  993.  
  994.  
  995. <div id="footer">
  996. <img src="{image:footer pixel left}">
  997.  
  998. {block:date}<a href="{permalink}" title="{TimeAgo}">{TimeAgo}</a> {/block:date}
  999.  
  1000. {block:NoteCount}<a href="{permalink}" title="{Notecountwithlabel}">({Notecountwithlabel})</a>{/block:NoteCount}
  1001.  
  1002. <div class="reblog">
  1003. <a href="{ReblogURL}" title="reblog">reblog</a>
  1004. <img src="{image:footer pixel right}">
  1005. </div>
  1006. </div>
  1007.  
  1008. {block:HasTags}
  1009. <div class="tags">
  1010. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  1011. </div>
  1012. {/block:HasTags}
  1013.  
  1014.  
  1015. {block:PermalinkPage} <div class="source">
  1016. {block:RebloggedFrom}reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  1017. {block:ContentSource} originally from <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}
  1018. </div>{/block:PermalinkPage}
  1019.  
  1020.  
  1021. </div></div></div>
  1022.  
  1023. <div class="permalink">
  1024. {block:PostNotes} {PostNotes}{/block:PostNotes} </div>
  1025. {/block:Photo}
  1026.  
  1027.  
  1028.  
  1029.  
  1030. {block:Photoset}
  1031. <div class="post">
  1032.  
  1033. <div class="{select:text font}">
  1034. <div class="{select:text size}">
  1035. <div class="photoset">
  1036. {block:if500pxposts}
  1037. {Photoset-500}
  1038. {/block:if500pxposts}
  1039.  
  1040. {block:if400pxposts}
  1041. {Photoset-400}
  1042. {/block:if400pxposts}
  1043.  
  1044. {block:if250pxposts}
  1045. {Photoset-250}
  1046. {/block:if250pxposts}
  1047. </div>
  1048.  
  1049.  
  1050. {block:Caption}{block:ifshowcaptions}{Caption}{/block:ifshowcaptions}{/block:Caption}
  1051.  
  1052. <div id="footer">
  1053. <img src="{image:footer pixel left}">
  1054.  
  1055. {block:date}<a href="{permalink}" title="{TimeAgo}">{TimeAgo}</a> {/block:date}
  1056.  
  1057. {block:NoteCount}<a href="{permalink}" title="{Notecountwithlabel}">({Notecountwithlabel})</a>{/block:NoteCount}
  1058.  
  1059. <div class="reblog">
  1060. <a href="{ReblogURL}" title="reblog">reblog</a>
  1061. <img src="{image:footer pixel right}">
  1062. </div>
  1063. </div>
  1064.  
  1065. {block:HasTags}
  1066. <div class="tags">
  1067. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  1068. </div>
  1069. {/block:HasTags}
  1070.  
  1071.  
  1072. {block:PermalinkPage} <div class="source">
  1073. {block:RebloggedFrom}reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  1074. {block:ContentSource} originally from <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}
  1075. </div>{/block:PermalinkPage}
  1076.  
  1077.  
  1078. </div></div></div>
  1079.  
  1080. <div class="permalink">
  1081. {block:PostNotes} {PostNotes}{/block:PostNotes} </div>
  1082. {/block:Photoset}
  1083.  
  1084.  
  1085.  
  1086.  
  1087.  
  1088. {block:Quote}
  1089. <div class="post">
  1090.  
  1091.  
  1092.  
  1093.  
  1094. <div class="{select:text font}">
  1095. <div class="{select:text size}">
  1096. {Quote}
  1097.  
  1098. {block:Source}<br>&mdash;{Source}{/block:Source}
  1099.  
  1100. {block:Caption}{block:ifshowcaptions}{Caption}{/block:ifshowcaptions}{/block:Caption}
  1101.  
  1102. <div id="footer">
  1103. <img src="{image:footer pixel left}">
  1104.  
  1105. {block:date}<a href="{permalink}" title="{TimeAgo}">{TimeAgo}</a> {/block:date}
  1106.  
  1107. {block:NoteCount}<a href="{permalink}" title="{Notecountwithlabel}">({Notecountwithlabel})</a>{/block:NoteCount}
  1108.  
  1109. <div class="reblog">
  1110. <a href="{ReblogURL}" title="reblog">reblog</a>
  1111. <img src="{image:footer pixel right}">
  1112. </div>
  1113. </div>
  1114.  
  1115. {block:HasTags}
  1116. <div class="tags">
  1117. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  1118. </div>
  1119. {/block:HasTags}
  1120.  
  1121.  
  1122. {block:PermalinkPage} <div class="source">
  1123. {block:RebloggedFrom}reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  1124. {block:ContentSource} originally from <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}
  1125. </div>{/block:PermalinkPage}
  1126.  
  1127.  
  1128. </div></div></div>
  1129.  
  1130. <div class="permalink">
  1131. {block:PostNotes} {PostNotes}{/block:PostNotes} </div>
  1132. {/block:Quote}
  1133.  
  1134.  
  1135.  
  1136.  
  1137.  
  1138. {block:Link}
  1139. <div class="post">
  1140.  
  1141.  
  1142. <div class="{select:text font}">
  1143. <div class="{select:text size}">
  1144. <div class="link">
  1145. {block:Thumbnail} <img src="{Thumbnail}">{/block:Thumbnail}
  1146. </div>
  1147.  
  1148. <div class="link_url">
  1149. <a href="{URL}" {Target}>{Name}</a>
  1150. </div>
  1151.  
  1152.  
  1153. {block:Description}{Description} {/block:Description}
  1154.  
  1155. {block:Caption}{block:ifshowcaptions}{Caption}{/block:ifshowcaptions}{/block:Caption}
  1156. <div id="footer">
  1157. <img src="{image:footer pixel left}">
  1158.  
  1159. {block:date}<a href="{permalink}" title="{TimeAgo}">{TimeAgo}</a> {/block:date}
  1160.  
  1161. {block:NoteCount}<a href="{permalink}" title="{Notecountwithlabel}">({Notecountwithlabel})</a>{/block:NoteCount}
  1162.  
  1163. <div class="reblog">
  1164. <a href="{ReblogURL}" title="reblog">reblog</a>
  1165. <img src="{image:footer pixel right}">
  1166. </div>
  1167. </div>
  1168.  
  1169. {block:HasTags}
  1170. <div class="tags">
  1171. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  1172. </div>
  1173. {/block:HasTags}
  1174.  
  1175.  
  1176. {block:PermalinkPage} <div class="source">
  1177. {block:RebloggedFrom}reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  1178. {block:ContentSource} originally from <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}
  1179. </div>{/block:PermalinkPage}
  1180.  
  1181.  
  1182. </div></div></div>
  1183.  
  1184. <div class="permalink">
  1185. {block:PostNotes} {PostNotes}{/block:PostNotes} </div>
  1186. {/block:Link}
  1187.  
  1188.  
  1189.  
  1190.  
  1191. {block:Chat}
  1192. <div class="post">
  1193.  
  1194.  
  1195.  
  1196.  
  1197. <div class="{select:text font}">
  1198. <div class="{select:text size}">
  1199. {block:Title}{Title}{/block:Title}
  1200. {block:Lines}
  1201.  
  1202. <b>{block:Label}{Label}{/block:Label}</b>
  1203. {Line}<br><br>
  1204.  
  1205. {/block:Lines}
  1206.  
  1207.  
  1208. {block:Caption}{block:ifshowcaptions}{Caption}{/block:ifshowcaptions}{/block:Caption}
  1209.  
  1210. <div id="footer">
  1211. <img src="{image:footer pixel left}">
  1212.  
  1213. {block:date}<a href="{permalink}" title="{TimeAgo}">{TimeAgo}</a> {/block:date}
  1214.  
  1215. {block:NoteCount}<a href="{permalink}" title="{Notecountwithlabel}">({Notecountwithlabel})</a>{/block:NoteCount}
  1216.  
  1217. <div class="reblog">
  1218. <a href="{ReblogURL}" title="reblog">reblog</a>
  1219. <img src="{image:footer pixel right}">
  1220. </div>
  1221. </div>
  1222.  
  1223. {block:HasTags}
  1224. <div class="tags">
  1225. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  1226. </div>
  1227. {/block:HasTags}
  1228.  
  1229.  
  1230. {block:PermalinkPage} <div class="source">
  1231. {block:RebloggedFrom}reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  1232. {block:ContentSource} originally from <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}
  1233. </div>{/block:PermalinkPage}
  1234.  
  1235.  
  1236. </div></div></div>
  1237.  
  1238. <div class="permalink">
  1239. {block:PostNotes} {PostNotes}{/block:PostNotes} </div>
  1240. {/block:Chat}
  1241.  
  1242.  
  1243.  
  1244.  
  1245.  
  1246. {block:Audio}
  1247. <div class="post">
  1248.  
  1249.  
  1250. <div class="{select:text font}">
  1251. <div class="{select:text size}">
  1252.  
  1253. <div id="audio">
  1254. {block:AlbumArt}
  1255. <img src="{AlbumArtURL}">
  1256. {/block:AlbumArt}
  1257. <div class="player">{AudioPlayerWhite}</div>
  1258.  
  1259. <div class="info">
  1260. {block:TrackName} <b>Track Name:</b> {TrackName} <br> {/block:TrackName}
  1261.  
  1262. {block:Artist} <b>Artist:</b> {Artist} <br>{/block:Artist}
  1263.  
  1264. {block:Album} <b>Album:</b> {Album} <br>{/block:Album}
  1265.  
  1266. {block:PlayCount} <b>Play Count:</b> {PlayCountWithLabel} <br>{/block:PlayCount}
  1267. </div>
  1268. </div>
  1269.  
  1270. {block:Caption}{block:ifshowcaptions}{Caption}{/block:ifshowcaptions}{/block:Caption}
  1271.  
  1272. <div id="footer">
  1273. <img src="{image:footer pixel left}">
  1274.  
  1275. {block:date}<a href="{permalink}" title="{TimeAgo}">{TimeAgo}</a> {/block:date}
  1276.  
  1277. {block:NoteCount}<a href="{permalink}" title="{Notecountwithlabel}">({Notecountwithlabel})</a>{/block:NoteCount}
  1278.  
  1279. <div class="reblog">
  1280. <a href="{ReblogURL}" title="reblog">reblog</a>
  1281. <img src="{image:footer pixel right}">
  1282. </div>
  1283. </div>
  1284.  
  1285. {block:HasTags}
  1286. <div class="tags">
  1287. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  1288. </div>
  1289. {/block:HasTags}
  1290.  
  1291.  
  1292. {block:PermalinkPage} <div class="source">
  1293. {block:RebloggedFrom}reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  1294. {block:ContentSource} originally from <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}
  1295. </div>{/block:PermalinkPage}
  1296.  
  1297.  
  1298. </div></div></div>
  1299.  
  1300. <div class="permalink">
  1301. {block:PostNotes} {PostNotes}{/block:PostNotes} </div>
  1302. {/block:Audio}
  1303.  
  1304.  
  1305.  
  1306.  
  1307.  
  1308. {block:Video}
  1309. <div class="post">
  1310.  
  1311. <div class="{select:text font}">
  1312. <div class="{select:text size}">
  1313. {Video-400}
  1314.  
  1315. {block:Caption}{block:ifshowcaptions}{Caption}{/block:ifshowcaptions}{/block:Caption}
  1316.  
  1317. <div id="footer">
  1318. <img src="{image:footer pixel left}">
  1319.  
  1320. {block:date}<a href="{permalink}" title="{TimeAgo}">{TimeAgo}</a> {/block:date}
  1321.  
  1322. {block:NoteCount}<a href="{permalink}" title="{Notecountwithlabel}">({Notecountwithlabel})</a>{/block:NoteCount}
  1323.  
  1324. <div class="reblog">
  1325. <a href="{ReblogURL}" title="reblog">reblog</a>
  1326. <img src="{image:footer pixel right}">
  1327. </div>
  1328. </div>
  1329.  
  1330. {block:HasTags}
  1331. <div class="tags">
  1332. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  1333. </div>
  1334. {/block:HasTags}
  1335.  
  1336.  
  1337. {block:PermalinkPage} <div class="source">
  1338. {block:RebloggedFrom}reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  1339. {block:ContentSource} originally from <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}
  1340. </div>{/block:PermalinkPage}
  1341.  
  1342.  
  1343. </div></div></div>
  1344.  
  1345. <div class="permalink">
  1346. {block:PostNotes} {PostNotes}{/block:PostNotes} </div>
  1347. {/block:Video}
  1348.  
  1349.  
  1350.  
  1351.  
  1352.  
  1353. {block:Answer}
  1354. <div class="post">
  1355.  
  1356.  
  1357. <div class="{select:text font}">
  1358. <div class="{select:text size}">
  1359. <div class="question">
  1360. <div class="asker"><img src="{AskerPortraitURL-40}">{Asker} whispered:</div>
  1361. <div class="quest">{Question}</div></div>
  1362.  
  1363. <div class="answer">{answer}</div>
  1364.  
  1365.  
  1366. {block:Caption}{block:ifshowcaptions}{Caption}{/block:ifshowcaptions}{/block:Caption}
  1367.  
  1368. <div id="footer">
  1369. <img src="{image:footer pixel left}">
  1370.  
  1371. {block:date}<a href="{permalink}" title="{TimeAgo}">{TimeAgo}</a> {/block:date}
  1372.  
  1373. {block:NoteCount}<a href="{permalink}" title="{Notecountwithlabel}">({Notecountwithlabel})</a>{/block:NoteCount}
  1374.  
  1375. <div class="reblog">
  1376. <a href="{ReblogURL}" title="reblog">reblog</a>
  1377. <img src="{image:footer pixel right}">
  1378. </div>
  1379. </div>
  1380.  
  1381. {block:HasTags}
  1382. <div class="tags">
  1383. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  1384. </div>
  1385. {/block:HasTags}
  1386.  
  1387.  
  1388. {block:PermalinkPage} <div class="source">
  1389. {block:RebloggedFrom}reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  1390. {block:ContentSource} originally from <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}
  1391. </div>{/block:PermalinkPage}
  1392.  
  1393.  
  1394. </div></div></div>
  1395.  
  1396. <div class="permalink">
  1397. {block:PostNotes} {PostNotes}{/block:PostNotes} </div>
  1398. {/block:Answer}
  1399.  
  1400.  
  1401.  
  1402. {/block:Posts}
  1403.  
  1404.  
  1405.  
  1406. </div>
  1407.  
  1408. <div class="credit">
  1409. <a href="http://www.mewmewzakuro.tumblr.com">mewmewzakuro</a>
  1410. </div>
  1411.  
  1412. </body>
  1413.  
  1414. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement