API tools faq
paste
Advertisement
Plantopic

BOXIC THEME 1

Plantopic
May 4th, 2015
441
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.06 KB | None | 0 0
raw download clone embed print report
  1. <!-- + THIS IS A P L A N T O P I C THEME +
  2. ---------------------------------------
  3. plantopic-themes.tumblr.com
  4. //BOXIC T.1 // 4 COLUMN//
  5.  
  6. YOU ARE FREE TO USE THIS AS YOU PLEASE AS LONG AS YOU KEEP THE CREDIT!
  7. otherwise I will find you and eat you.
  8. -->
  9. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
  10. <html xmlns=“http://www.w3.org/1999/xhtml” xml:lang=“en” lang=“en”>
  11.  
  12. <head>
  13.  
  14.  
  15. <link rel="icon" href="{text:favicon url}"/>
  16. <title>{Title}</title>
  17. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  18.  
  19. <meta name="color:background" content="#eff0f3" />
  20. <meta name="color:text" content="#888888" />
  21. <meta name="color:colour" content="#95aab6" />
  22. <meta name="color:box shadow" content="#e2e2e2" />
  23. <meta name="color:box background" content="#fff" />
  24. <meta name="color:box border" content="#cccccc" />
  25. <meta name="color:sidebar colour" content="#bbd0dc" />
  26. <meta name="color:link" content="#888888" />
  27. <meta name="color:link hover" content="#000" />
  28. <meta name="image:background" content="" />
  29. <meta name="image:sidebar" content="" />
  30. <meta name="if:white tumblr controls" content="1"/>
  31. <meta name="if:show music player" content="0" />
  32. <meta name="if:show box shadow" content="1" />
  33. <meta name="if:mouse sparkles" content="0" />
  34. <meta name="text:ask link" content="/ask" />
  35. <meta name="text:favicon url" content="/" />
  36. <meta name="text:music player code" content="<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://www.sheepproductions.com/mfc/done.mp3&t0=Done&f1=http://www.sheepproductions.com/mfc/justified.mp3&t1=Justified&f2=http://www.sheepproductions.com/mfc/shesaid.mp3&t2=She Said&total=3" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  37.  
  38. <meta name="text:scroll bar text" content="OPTIONAL MARQUEE WOOP WOOP -SCROLL BAR TEXT HERE :)" />
  39. <meta name="text:linka url" content="LINK A URL" />
  40. <meta name="text:linka title" content="LINK A" />
  41. <meta name="text:linkb url" content="LINK B URL" />
  42. <meta name="text:linkb title" content="LINK B" />
  43. <meta name="text:linkc url" content="LINK C URL" />
  44. <meta name="text:linkc title" content="LINK C" />
  45. <meta name="text:online counter" content="3" />
  46. <meta name="text:hit counter" content="7162" />
  47.  
  48. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  49.  
  50. {block:indexpage}
  51. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  52. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  53.  
  54. <script type="text/javascript">
  55. $(window).load(function () {
  56. $('#posts').masonry(),
  57. $('.masonryWrap').infinitescroll({
  58. navSelector : "div.navigation",
  59. // selector for the paged navigation (it will be hidden)
  60. nextSelector : ".navigation a#next",
  61. // selector for the NEXT link (to page 2)
  62. itemSelector : ".post",
  63. // selector for all items you'll retrieve
  64. bufferPx : 10000,
  65. extraScrollPx: 10000,
  66. loadingImg : "",
  67. loadingText : "<em>. . .</em>",
  68. },
  69. // call masonry as a callback.
  70. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  71. );
  72. });
  73. </script>
  74. {/block:indexpage}
  75.  
  76. {block:ifmousesparkles}
  77. <script type="text/javascript">
  78. // <![CDATA[
  79. var colour="{color:colour}";
  80. var sparkles=120;
  81.  
  82. /****************************
  83. * Tinkerbell Magic Sparkle *
  84. * (c) 2005 mf2fm web-design *
  85. * http://www.mf2fm.com/rv *
  86. * DON'T EDIT BELOW THIS BOX *
  87. ****************************/
  88. var x=ox=400;
  89. var y=oy=300;
  90. var swide=800;
  91. var shigh=600;
  92. var sleft=sdown=0;
  93. var tiny=new Array();
  94. var star=new Array();
  95. var starv=new Array();
  96. var starx=new Array();
  97. var stary=new Array();
  98. var tinyx=new Array();
  99. var tinyy=new Array();
  100. var tinyv=new Array();
  101.  
  102. window.onload=function() { if (document.getElementById) {
  103. var i, rats, rlef, rdow;
  104. for (var i=0; i<sparkles; i++) {
  105. var rats=createDiv(3, 3);
  106. rats.style.visibility="hidden";
  107. document.body.appendChild(tiny[i]=rats);
  108. starv[i]=0;
  109. tinyv[i]=0;
  110. var rats=createDiv(5, 5);
  111. rats.style.backgroundColor="transparent";
  112. rats.style.visibility="hidden";
  113. var rlef=createDiv(1, 5);
  114. var rdow=createDiv(5, 1);
  115. rats.appendChild(rlef);
  116. rats.appendChild(rdow);
  117. rlef.style.top="2px";
  118. rlef.style.left="0px";
  119. rdow.style.top="0px";
  120. rdow.style.left="2px";
  121. document.body.appendChild(star[i]=rats);
  122. }
  123. set_width();
  124. sparkle();
  125. }}
  126.  
  127. function sparkle() {
  128. var c;
  129. if (x!=ox || y!=oy) {
  130. ox=x;
  131. oy=y;
  132. for (c=0; c<sparkles; c++) if (!starv[c]) {
  133. star[c].style.left=(starx[c]=x)+"px";
  134. star[c].style.top=(stary[c]=y)+"px";
  135. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  136. star[c].style.visibility="visible";
  137. starv[c]=50;
  138. break;
  139. }
  140. }
  141. for (c=0; c<sparkles; c++) {
  142. if (starv[c]) update_star(c);
  143. if (tinyv[c]) update_tiny(c);
  144. }
  145. setTimeout("sparkle()", 40);
  146. }
  147.  
  148. function update_star(i) {
  149. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  150. if (starv[i]) {
  151. stary[i]+=1+Math.random()*3;
  152. if (stary[i]<shigh+sdown) {
  153. star[i].style.top=stary[i]+"px";
  154. starx[i]+=(i%5-2)/5;
  155. star[i].style.left=starx[i]+"px";
  156. }
  157. else {
  158. star[i].style.visibility="hidden";
  159. starv[i]=0;
  160. return;
  161. }
  162. }
  163. else {
  164. tinyv[i]=50;
  165. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  166. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  167. tiny[i].style.width="2px";
  168. tiny[i].style.height="2px";
  169. star[i].style.visibility="hidden";
  170. tiny[i].style.visibility="visible"
  171. }
  172. }
  173.  
  174. function update_tiny(i) {
  175. if (--tinyv[i]==25) {
  176. tiny[i].style.width="1px";
  177. tiny[i].style.height="1px";
  178. }
  179. if (tinyv[i]) {
  180. tinyy[i]+=1+Math.random()*3;
  181. if (tinyy[i]<shigh+sdown) {
  182. tiny[i].style.top=tinyy[i]+"px";
  183. tinyx[i]+=(i%5-2)/5;
  184. tiny[i].style.left=tinyx[i]+"px";
  185. }
  186. else {
  187. tiny[i].style.visibility="hidden";
  188. tinyv[i]=0;
  189. return;
  190. }
  191. }
  192. else tiny[i].style.visibility="hidden";
  193. }
  194.  
  195. document.onmousemove=mouse;
  196. function mouse(e) {
  197. set_scroll();
  198. y=(e)?e.pageY:event.y+sdown;
  199. x=(e)?e.pageX:event.x+sleft;
  200. }
  201.  
  202. function set_scroll() {
  203. if (typeof(self.pageYOffset)=="number") {
  204. sdown=self.pageYOffset;
  205. sleft=self.pageXOffset;
  206. }
  207. else if (document.body.scrollTop || document.body.scrollLeft) {
  208. sdown=document.body.scrollTop;
  209. sleft=document.body.scrollLeft;
  210. }
  211. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  212. sleft=document.documentElement.scrollLeft;
  213. sdown=document.documentElement.scrollTop;
  214. }
  215. else {
  216. sdown=0;
  217. sleft=0;
  218. }
  219. }
  220.  
  221. window.onresize=set_width;
  222. function set_width() {
  223. if (typeof(self.innerWidth)=="number") {
  224. swide=self.innerWidth;
  225. shigh=self.innerHeight;
  226. }
  227. else if (document.documentElement && document.documentElement.clientWidth) {
  228. swide=document.documentElement.clientWidth;
  229. shigh=document.documentElement.clientHeight;
  230. }
  231. else if (document.body.clientWidth) {
  232. swide=document.body.clientWidth;
  233. shigh=document.body.clientHeight;
  234. }
  235. }
  236.  
  237. function createDiv(height, width) {
  238. var div=document.createElement("div");
  239. div.style.position="absolute";
  240. div.style.height=height+"px";
  241. div.style.width=width+"px";
  242. div.style.overflow="hidden";
  243. div.style.backgroundColor=colour;
  244. return (div);
  245. }
  246. // ]]>
  247. </script>
  248. {/block:ifmousesparkles}
  249.  
  250. <div class="navigation">{block:Pagination}{block:NextPage}<span id="page_nav"><span onclick='return false;'><a style="float:right;opacity:0;" href="{NextPage}" id="next"></a>{/block:NextPage}{block:PreviousPage}<a style="float:right;opacity:0;" href="{PreviousPage}"></a></span></span>{/block:PreviousPage}{/block:Pagination}</div>
  251.  
  252.  
  253. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  254.  
  255. <script>
  256. (function($){
  257. $(document).ready(function(){
  258. $("[title]").style_my_tooltips({
  259. tip_follows_cursor: false,
  260. tip_delay_time:2,
  261. tip_fade_speed:3,
  262. }
  263. );
  264. });
  265. })(jQuery);
  266. </script>
  267.  
  268. <style type="text/css">
  269.  
  270. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  271. #infscr-loading {display:none;}
  272. .navigation {display:none!important;}
  273.  
  274.  
  275. iframe#tumblr_controls {
  276. top: 0% !important;
  277. right:0% !important;
  278. position: fixed !important;
  279. {block:ifwhitetumblrcontrols}
  280. -webkit-filter: invert(100%);
  281. {/block:ifwhitetumblrcontrols}}
  282.  
  283. body{
  284. margin:0px;
  285. padding:0px;
  286. margin-top:0px;
  287. margin-bottom:0px;
  288. font-family:Consolas;
  289. font-size:8px;
  290. color:{color:text};
  291. background-color:{color:background};
  292. background-image:url('{image:background}');
  293. background-attachment: fixed;
  294. overflow-x: hidden;
  295. overflow-y: visible;}
  296.  
  297. #s-m-t-tooltip {
  298. opacity:.8;
  299. color: {color:text}; /* text colour */
  300. background-color: white; /* background colour */
  301. text-align: center;
  302. letter-spacing: 1px; /* letter spacing */
  303. min-width: 10px;
  304. max-width:200px;
  305. border: 1px double {color:box border}; /* border colour */
  306. overflow:auto;
  307. display: none;
  308. position: absolute;
  309. z-index: 999999999999;
  310. padding: 3px; /* padding */
  311. padding-left: 4px;
  312. margin:20px 20px 15px 0px;
  313. border-radius: 0px;
  314. font-family: Consolas;
  315. font-size: 9px;
  316. text-transform: uppercase;}
  317.  
  318. a {
  319. color:{color:link};
  320. text-decoration: none;}
  321.  
  322. a:hover {
  323. -webkit-transition-duration: 0.4s;
  324. color:{color:link hover};
  325. font-style: italic;}
  326.  
  327. a:active,a:focus {outline:0;}
  328.  
  329. ::-webkit-scrollbar-thumb{
  330. background-color:{color:colour};
  331. border: 1px solid {color:background};
  332. height: 5px;}
  333.  
  334. ::-webkit-scrollbar {
  335. height: 5px;
  336. width: 5px;
  337. background-color:{color:background};}
  338.  
  339. #musicplayer{
  340. bottom: 190px;
  341. left: 57px;
  342. position: fixed;
  343. height: 19px;
  344. line-height: 14px;
  345. font-size: 14px;
  346. width: 51px;
  347. background: {color:background};
  348. z-index: 9;
  349. text-align: left;
  350. overflow: hidden;
  351. line-height: 10px;
  352. border-radius: 0px;
  353. border: 3px double {color:colour};}
  354.  
  355. #musicplayer a{
  356. margin: 2px;}
  357.  
  358. .blogtitle{
  359. left:50%;
  360. text-align:center;
  361. margin-left:-225px;
  362. position:relative;
  363. text-transform: uppercase;
  364. height:auto;
  365. z-index:5;
  366. color:{color:blogtitle};
  367. font-size:25px;
  368. font-family: Calibri;
  369. padding:10px;
  370. width:250px;}
  371.  
  372. .description {
  373. width: 121px;
  374. left: 12px;
  375. margin-top: 50px;
  376. height: 40px;
  377. overflow: auto;
  378. position: fixed;
  379. text-align: center;
  380. color: {color:text};
  381. background: {color:background};
  382. border: double 3px {color:colour};
  383. font-family: Consolas;
  384. font-size: 10px;
  385. padding: 10px;}
  386.  
  387. .stats {
  388. width: 60px;
  389. left: 50px;
  390. margin-top: 123px;
  391. height: 11px;
  392. overflow: hidden;
  393. position: fixed;
  394. text-align: center;
  395. color: {color:text};
  396. background: {color:background};
  397. border: double 3px {color:colour};
  398. font-family: Consolas;
  399. font-size: 10px;
  400. padding: 2px;}
  401.  
  402.  
  403. #sidebar {
  404. position: fixed;
  405. top: -3px;
  406. left: 3px;
  407. height: 100%;
  408. border: double 3px {color:box background};
  409. text-align: center;
  410. width: 155px;
  411. background-color: {color:sidebar colour};
  412. padding: 2px;
  413. padding-bottom: 4px;
  414. {block:ifshowboxshadow}
  415. box-shadow: 4px 5px 2px {color:box shadow};
  416. {/block:ifshowboxshadow}}
  417.  
  418. #sidebar img {
  419. display: block;
  420. width: 139px;
  421. left: 5px;
  422. top: 10px;
  423. height: auto;
  424. border: double 3px {color:box background};
  425. z-index: 99999999999999999999999999999999999999;
  426. position: relative;
  427. -webkit-filter: grayscale(100%);
  428. }
  429.  
  430. .sidebar2 {
  431. position: absolute;
  432. margin-top: 20px;
  433. margin-left: -8px;
  434. height: 10px;
  435. font-size: 11px;
  436. color: {color:box background};
  437. border: double 3px {color:box background};
  438. text-align: center;
  439. width: 161px;
  440. background-color: {color:colour};
  441. padding: 2px;
  442. padding-bottom: 4px;
  443. z-index: 99999;}
  444.  
  445. #navlinks {
  446. width: 114px;
  447. height: 134px;
  448. background-color: {color:background};
  449. padding: 2px;
  450. border: 3px double {color:colour};
  451. left: 23px;
  452. bottom: 30px;
  453. position: fixed;}
  454.  
  455. .navlinks a {
  456. DISPLAY: BLOCK;
  457. opacity: 1;
  458. width: 102px;
  459. padding: 1px;
  460. margin: 2px;
  461. font-family: "consolas";
  462. text-transform: uppercase;
  463. border: 3px double white;
  464. background-color:{color:colour};
  465. font-size: 10px;
  466. letter-spacing: 0px;
  467. color: white;
  468. opacity: 1;
  469. text-align: center;
  470. z-index: 99999999999999999999999999999999999;}
  471.  
  472. .navlinks a:hover{
  473. width: 122px;
  474. margin-left: -8px;
  475. letter-spacing: 4px;
  476. opacity: 1;
  477. text-transform: uppercase;
  478. font-style: normal;
  479. background-color: {color:sidebar colour};
  480. -webkit-transition: all 0.1s linear;
  481. -webkit-transition: all 0.1s linear;
  482. -moz-transition: all 0.1s linear;
  483. transition: all 0.1s linear;
  484. }
  485.  
  486. .notes {
  487. padding-left:20px;
  488. font-size:10px;
  489. padding-bottom: 10px;
  490. font-family: Calibri;
  491. text-transform: uppercase;
  492. font-size: 10px;
  493. color:{color:links};}
  494.  
  495. li.notes {
  496. float:left;
  497. width:500px;
  498. padding-left:5px;
  499. margin-top:10px;
  500. overflow-x:hidden;
  501. over-flow-y:scroll;
  502. list-style-type:none;
  503. font-size:8px;
  504. text-transform:none;}
  505.  
  506. li.note {
  507. padding-top:2px;
  508. opacity:1;}
  509.  
  510. li.note img.avatar {
  511. width:14px;
  512. height:14px;}
  513.  
  514. .permalink {
  515. margin-top: 2px;
  516. margin-bottom: -10px;
  517. padding: 3px 0px 4px 0px;
  518. text-align: right;
  519. word-spacing: 5px;
  520. font-family: Consolas;
  521. text-transform: uppercase;
  522. font-size: 10px;
  523. line-height: 10px;
  524. border-top: solid 1px {color:box border};
  525. color:{color:links};
  526. {block:permalinkpage}
  527. opacity:0;
  528. {/block:permalinkpage}}
  529.  
  530. .permalink a{
  531. color:{color:link};}
  532.  
  533. .permalink a:hover{
  534. font-style: normal;
  535. color:{color:link hover};}
  536.  
  537. .buttons {
  538. position:absolute;
  539. top: 10px;
  540. opacity: 0;
  541. padding: 10px;
  542. right: 10px;
  543. font-family: Consolas;
  544. color: white;
  545. font-size: 10px;
  546. text-transform: uppercase;
  547. list-style: none;
  548. -webkit-transition: all 0.3s linear;
  549. -webkit-transition: all 0.3s linear;
  550. -moz-transition: all 0.3s linear;
  551. transition: all 0.3s linear;}
  552.  
  553. .buttons li {
  554. border: 3px double {color:box border};
  555. float: right;
  556. background-color: {color:box background};
  557. padding: 2px 5px 2px 5px;
  558. margin-left: 6px;
  559. margin-bottom: 5px;}
  560.  
  561. .buttons a{
  562. color: {color:text};
  563. text-decoration: none;}
  564.  
  565. .buttons a:hover{
  566. font-style: normal;
  567. color:{color:links hover};}
  568.  
  569. .post:hover .buttons{
  570. opacity: 1;
  571. display: block;
  572. -webkit-transition: all 0.4s linear;
  573. -webkit-transition: all 0.4s linear;
  574. -moz-transition: all 0.4s linear;
  575. transition: all 0.4s linear;}
  576.  
  577. #line1 {
  578. width: 110px;
  579. height: 2px;
  580. bottom: 185px;
  581. left: 30px;
  582. position: fixed;
  583. border-bottom: 1px solid {color:box background};
  584. z-index: 9999999999;}
  585.  
  586. #line2 {
  587. width: 140px;
  588. height: 2px;
  589. bottom: 180px;
  590. left: 15px;
  591. position: fixed;
  592. border-bottom: 1px solid {color:box background};
  593. z-index: 9999999999;}
  594.  
  595. #line3 {
  596. width: 140px;
  597. height: 2px;
  598. bottom: 23px;
  599. left: 15px;
  600. position: fixed;
  601. border-bottom: 1px solid {color:box background};
  602. z-index: 9999999999;}
  603.  
  604. #line4 {
  605. width: 110px;
  606. height: 2px;
  607. bottom: 18px;
  608. left: 30px;
  609. position: fixed;
  610. border-bottom: 1px solid {color:box background};
  611. z-index: 9999999999;}
  612.  
  613. #reblog{
  614. bottom: 1px;
  615. right: 4px;
  616. font-size: 20px;
  617. color: {color:colour};
  618. position: fixed;
  619. z-index:999999999999999;}
  620.  
  621. #reblog a{
  622. color: {color:text};}
  623.  
  624. #reblog a:hover{
  625. color: {color:colour};
  626. font-style: normal;}
  627.  
  628. .headings{
  629. font-size: 9px;
  630. text-transform: uppercase;
  631. line-height 18px;
  632. font-family: Consolas;
  633. color: {color:text};}
  634.  
  635. .audiopost {
  636. {block:IndexPage}
  637. width:400px;
  638. padding-bottom:60px;
  639. {block:PermalinkPage}
  640. width:500px;
  641. padding-bottom:110px;
  642. {/block:PermalinkPage}}
  643.  
  644. .albumart {
  645. position:absolute;
  646. {block:IndexPage}
  647. width:100px;
  648. height:100px;
  649. {/block:IndexPage}
  650. {block:PermalinkPage}
  651. width:150px;
  652. height:150px;
  653. {/block:PermalinkPage}}
  654.  
  655. .albumart img {
  656. float:left;
  657. {block:IndexPage}
  658. width:100px;
  659. height:100px;
  660. {/block:IndexPage}
  661. {block:PermalinkPage}
  662. width:150px;
  663. height:150px;
  664. {/block:PermalinkPage}}
  665.  
  666. .playbox {
  667. opacity:0.6;
  668. width:27px;
  669. height:30px;
  670. overflow:hidden;
  671. position:absolute;
  672. z-index:2;
  673. {block:IndexPage}
  674. margin-left:37px;
  675. margin-top:36px;
  676. {block:IndexPage}
  677. {block:PermalinkPage}
  678. margin-left:60px;
  679. margin-top:61px;
  680. {/block:PermalinkPage}}
  681.  
  682. .info {
  683. margin-top:2px;
  684. line-height:12px;
  685. font-size:8px;
  686. text-transform:uppercase;
  687. {block:IndexPage}
  688. margin-left:108px;
  689. {block:IndexPage}
  690. {block:PermalinkPage}
  691. margin-left:158px;
  692. {/block:PermalinkPage}}
  693.  
  694. #posts {
  695. position:absolute;
  696. float:left;
  697. margin-top: 20px;
  698. left: 180px;
  699. {block:IndexPage}
  700. width: 1300px;
  701. {/block:IndexPage}
  702. {block:PermalinkPage}
  703. padding: 10px;
  704. width: 400px;
  705. font-size: 16px;
  706. border: 3px double {color:box border};
  707. background-color:{color:box background};
  708. {/block:PermalinkPage}}
  709.  
  710. .post {
  711. {block:indexpage}
  712. padding: 10px;
  713. padding-bottom: 8px;
  714. opacity: 1;
  715. width: 250px;
  716. margin: 8px;
  717. border: 3px double {color:box border};
  718. background-color:{color:box background};
  719. {block:ifshowboxshadow}
  720. box-shadow: 4px 5px 2px {color:box shadow};
  721. {/block:ifshowboxshadow}
  722. {/block:indexpage}
  723. {block:permalinkpage}
  724. width: 400px;
  725. background-color:{color:box background};
  726. font-size: 16px;
  727. {/block:permalinkpage}
  728. float:left;
  729. position:relative;
  730. text-align:justify;
  731. font-family: Calibri;
  732. font-size:10px;
  733. color:{color:text};}
  734.  
  735. .post img{
  736. max-height:100%;
  737. {block:permalinkpage}
  738. width: 400px;
  739. {/block:permalinkpage}
  740. opacity: 100;}
  741.  
  742. .quote {
  743. text-align:center;
  744. font-size:12px;}
  745.  
  746. .quotesource {
  747. text-align:right;}
  748.  
  749. .chat {
  750. text-align:right;
  751. line-height:11px;}
  752.  
  753. .captions {
  754. margin-top:-8px;}
  755.  
  756. .video embed, .video object, .video iframe {
  757. {block:IndexPage}
  758. width: 250px;
  759. {/block:IndexPage}
  760. {block:PermalinkPage}
  761. width: 400px;
  762. padding: 15px;
  763. {/block:PermalinkPage}}
  764.  
  765.  
  766. </style>
  767. </head>
  768. <body>
  769.  
  770. <div id="sidebar">
  771. <img src="{image:sidebar}"/>
  772.  
  773. <div class="sidebar2"><marquee>{text:scroll bar text}</marquee></div>
  774. <div class="description"> {description} </div>
  775. <div class="stats"> {text:hit counter} // {text:online counter}
  776. </div>
  777.  
  778. <div id="navlinks">
  779. <div class="navlinks">
  780. <a href="/" title="home">HOME</a>
  781. <a href="{text:ask link}" title="inbox">MESSAGE</a>
  782. <a href="{text:linka url}" title="{text:linka title}">{text:linka title}</a>
  783. <a href="{text:linkb url}" title="{text:linkb title}">{text:linkb title}</a>
  784. <a href="{text:linkc url}" title="{text:linkc title}">{text:linkc title}</a>
  785. <a href="http://plantopic-themes.tumblr.com" title="theme credit">THEME</a>
  786. </div>
  787. </div></div>
  788.  
  789. <div id="line1"></div>
  790. <div id="line2"></div>
  791. <div id="line3"></div>
  792. <div id="line4"></div>
  793.  
  794. {block:ifshowmusicplayer}
  795. <div id="musicplayer">
  796. {text:music player code}
  797. </div>
  798. {/block:ifshowmusicplayer}
  799.  
  800. <div id="reblog">
  801. <a href="http://plantopic-themes.tumblr.com" title="theme credit">+</a>
  802. </div>
  803. <div id="posts">
  804. {block:Posts}
  805. {block:Text}
  806. <div class="post">
  807. <div class="headings">
  808. {block:Title}{Title}{/block:Title}</div> {Body}
  809. <div class="permalink">
  810. //<a href="{Permalink}">{NoteCount}</a>//<a href="{ReblogURL}" target="_blank">reblog</a>//</div>
  811. </div>
  812. {/block:Text}
  813.  
  814. {block:Photo}
  815. <div class="post">
  816. {block:IndexPage}<div class="buttons">
  817. <li><a href="{ReblogURL}" target="_blank">reblog</a></li></br>
  818. <li><a href="{Permalink}">{NoteCount}</a></li>
  819. </div>
  820. <a href="{permalink}"><img src="{PhotoURL-500}" width="250" alt="{PhotoAlt}"/></a>
  821. {/block:IndexPage}
  822. {block:PermalinkPage}
  823. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/> <br> {/block:PermalinkPage}
  824. {block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}</div>
  825. {/block:Photo}
  826.  
  827. {block:Photoset}
  828. <div class="post">
  829. {block:Indexpage}
  830. {Photoset}
  831. <div class="permalink">
  832. //<a href="{Permalink}">{NoteCount}</a>//<a href="{ReblogURL}" target="_blank">reblog</a>//</div>
  833. {/block:Indexpage}
  834.  
  835. {block:PermalinkPage}
  836. {Photoset}
  837. {/block:PermalinkPage}
  838. </div>
  839. {/block:Photoset}
  840.  
  841. {block:Quote}
  842. <div class="post">
  843. <div class="quote">'<i>{Quote}</i>'</div>
  844. <div class="quotesource">— {Source}</div>
  845. <div class="permalink"> //<a href="{Permalink}">{NoteCount}</a>//<a href="{ReblogURL}" target="_blank">reblog</a>//</div></div>
  846. {/block:Quote}
  847.  
  848. {block:Link}
  849. <div class="post">
  850. <div class="headings"><a href="{URL}">{Name}</a></div>
  851. {block:Description}{Description}{/block:Description}
  852. <div class="permalink">
  853. //<a href="{Permalink}">{NoteCount}</a>//<a href="{ReblogURL}" target="_blank">reblog</a>//</div></div>
  854. {/block:Link}
  855.  
  856. {block:Chat}
  857. <div class="post">
  858. <div class="chat">{block:Title}{Title}{/block:Title}<br>
  859. {block:Lines}{block:Label}<i>{Label}</i><br> {Line} <br><br>
  860. {/block:Label}{/block:Lines}</div>
  861. <div class="permalink">
  862. //<a href="{Permalink}">{NoteCount}</a>//<a href="{ReblogURL}" target="_blank">reblog</a>//</div></div>
  863. {/block:Chat}
  864.  
  865. {block:Video}
  866. <div class="post">
  867. {block:IndexPage}
  868. <div class="video">{Video-250}</div><div class="permalink">
  869. //<a href="{Permalink}">{NoteCount}</a>//<a href="{ReblogURL}" target="_blank">reblog</a>//</div>
  870. {/block:IndexPage}
  871. {block:PermalinkPage}
  872. {Video-400}
  873. {/block:PermalinkPage}</div>
  874. {/block:Video}
  875.  
  876. {block:Audio}
  877. <div class="post"><div class="audiopost">{block:AlbumArt}<div class="albumart"><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}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  878. {block:IndexPage}<div class="permalink">
  879. //<a href="{Permalink}">{NoteCount}</a>//<a href="{ReblogURL}" target="_blank">reblog</a>//</div>{/block:IndexPage}</div>
  880. {/block:Audio}
  881.  
  882. {block:Answer}
  883. <div class="post">
  884. {Asker}: <br> "{Question}" <br><br>
  885. <div style="text-align: right;">
  886. <i> {Answer} </i>
  887. </div>
  888. <div class="permalink">//<a href="{Permalink}">{NoteCount}</a>//<a href="{ReblogURL}" target="_blank">reblog</a>//</div></div>
  889. {/block:Answer}
  890.  
  891. {block:PermalinkPage}
  892. <div class="notes">
  893. {Caption} {TimeAgo}
  894. {block:NoteCount} with {NoteCount} notes {/block:NoteCount}
  895. {block:RebloggedFrom}
  896. via <a href="{ReblogParentURL}">{ReblogParentName}</a>,
  897. {/block:RebloggedFrom}
  898. {block:ContentSource}
  899. originally from <a href="{SourceURL}">{SourceTitle} </a>
  900. {/block:ContentSource}
  901. <br><br>{PostNotes}<div>
  902. {/block:PermalinkPage}
  903.  
  904. {/block:posts}
  905. </div></div>
  906.  
  907. </body>
  908. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!