API tools faq
paste
Advertisement
ZRSFizzyBongs

Theme #2

ZRSFizzyBongs
Aug 3rd, 2014
1,100
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.61 KB | None | 0 0
raw download clone embed print report
  1. <!-- RESPECT THE CREDIT:
  2. This theme was made by http://fizzy-themes.tumblr.com
  3. Please DO NOT remove this credit-->
  4.  
  5. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  6. <html>
  7. <head>
  8.  
  9. <meta name="image:newt" content=""/>
  10. <meta name="image:newp" content=""/>
  11. <meta name="image:header" content=""/>
  12. <meta name="image:background" content=""/>
  13. <meta name="image:lil" content=""/>
  14. <meta name="image:long" content=""/>
  15.  
  16. <meta name="text:link1" content=""/>
  17. <meta name="text:link2" content=""/>
  18. <meta name="text:link3" content=""/>
  19. <meta name="text:link4" content=""/>
  20. <meta name="text:link5" content=""/>
  21. <meta name="text:link6" content=""/>
  22. <meta name="text:link7" content=""/>
  23. <meta name="text:link8" content=""/>
  24. <meta name="text:link9" content=""/>
  25. <meta name="text:link10" content=""/>
  26. <meta name="text:link11" content=""/>
  27. <meta name="text:link12" content=""/>
  28.  
  29.  
  30. <meta name="text:link1url" content=""/>
  31. <meta name="text:link2url" content=""/>
  32. <meta name="text:link3url" content=""/>
  33. <meta name="text:link4url" content=""/>
  34. <meta name="text:link5url" content=""/>
  35. <meta name="text:link6url" content=""/>
  36. <meta name="text:link7url" content=""/>
  37. <meta name="text:link8url" content=""/>
  38. <meta name="text:link9url" content=""/>
  39. <meta name="text:link10url" content=""/>
  40. <meta name="text:link11url" content=""/>
  41. <meta name="text:link12url" content=""/>
  42.  
  43.  
  44.  
  45. <title>{Title}</title>
  46. <link rel="shortcut icon" href="{Favicon}">
  47. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  48. {block:Description}
  49. <meta name="description" content="{MetaDescription}" />
  50. {/block:Description}
  51.  
  52. <!-------------------- INSTALL JQUERY -------------------->
  53. <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Raleway">
  54. <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Pacifico">
  55. <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Satisfy">
  56. <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Aclonica">
  57. <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Merienda+One">
  58.  
  59.  
  60. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
  61.  
  62.  
  63.  
  64.  
  65. <style>
  66. /*------------------- BODY -------------------*/
  67. body{
  68. font-size:11px;
  69. font-family:'Lucida Sans Unicode',sans-serif;
  70. background-color:;
  71. background-image: url('{image:background}');
  72. overflow-x: hidden
  73. }
  74.  
  75. body::-webkit-scrollbar {
  76. width: 12px;
  77. }
  78.  
  79. /* Track */
  80. body::-webkit-scrollbar-track {
  81. /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8);*/
  82. -webkit-border-radius: 10px;
  83. background-color:#fff;
  84. border-radius: 10px;
  85. }
  86.  
  87. /* Handle */
  88. body::-webkit-scrollbar-thumb {
  89. -webkit-border-radius: 10px;
  90. border-radius: 10px;
  91. background:#666;
  92. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  93. }
  94.  
  95.  
  96. a:link, a:active, a:visited{
  97. color: #6f6e6e;
  98. text-decoration:none;
  99. outline: none;
  100. -webkit-transition: 0.6s ease-in;
  101. -moz-transition: 0.6s ease-in;
  102. -o-transition: 0.6s ease-in;
  103. }
  104.  
  105. a:hover{
  106. color: #CCC;
  107. -webkit-transition: 0.6s ease-in;
  108. -moz-transition: 0.6s ease-in;
  109. -o-transition: 0.6s ease-in;
  110. }
  111.  
  112. /*------------------- HEADER -------------------*/
  113. #header{
  114. top:0;
  115. left:0;
  116. width:100%;
  117. height:300px;
  118. position:absolute;
  119. background-color:#16A271;
  120. background-image: url('{image:header}'); /* header image */
  121. }
  122.  
  123. /*-------------------- TOPBAR --------------------*/
  124. .lil{
  125. left:0;
  126. top:300px;
  127. width:100%;
  128. font-size:.9em;
  129. text-align:center;
  130. position:absolute;
  131. text-transform:uppercase;
  132. background:#36131A; /* topbar background */
  133. background-image: url('{image:lil}');
  134. z-index:9999999999999;
  135. }
  136.  
  137. .lil a{
  138. font-family:'Aclonica', serif;
  139. color:#ffffff; /* topbar text */
  140. font-size:15px;
  141. display:inline-block;
  142. text-decoration:none;
  143. padding: 4px 4px 0px 4px;
  144. margin:8px 10px 8px 10px;
  145. }
  146.  
  147. .lil a:hover{
  148. background-color:#554545;
  149. }
  150.  
  151. .blazeit{
  152. position:fixed;
  153. top:0;
  154. }
  155.  
  156.  
  157.  
  158.  
  159.  
  160.  
  161.  
  162.  
  163. .long{
  164. left:350px;
  165. top:337px;
  166. width:70px;
  167. height:100%;
  168. font-size:.9em;
  169. text-align:center;
  170. position:absolute;
  171. text-transform:uppercase;
  172. background:#8DCDFB; /* topbar background */
  173. background-image: url('{image:long}');
  174. z-index:999999999;
  175. }
  176.  
  177. .long a{
  178. font-family:Calibri;
  179. color:#ffffff; /* topbar text */
  180. font-size:13px;
  181. display:inline-block;
  182. text-decoration:none;
  183. padding: 2px 2px 2px 2px;
  184. }
  185.  
  186. .long a:hover{
  187. background-color:#554545;
  188. }
  189.  
  190. .blazed{
  191. position:fixed;
  192. top:37px;
  193. }
  194.  
  195.  
  196.  
  197.  
  198.  
  199.  
  200.  
  201.  
  202. #newt{
  203. padding: 5px 5px 5px 5px;
  204. background-color:#6e9787;
  205. position:absolute;
  206. left:10px;
  207. top:10px;
  208. }
  209.  
  210. #newp{
  211. padding: 5px 5px 5px 5px;
  212. background-color:#6e9787;
  213. position:absolute;
  214. left:230px;
  215. top:150px;
  216. }
  217.  
  218.  
  219.  
  220.  
  221. #about1{
  222. height:220px;
  223. width:25%;
  224. padding: 40px 40px 40px 40px;
  225. background-color:#8DCDFB;
  226. background-image:url('');
  227. position:absolute;
  228. left:35%;
  229. top:0;
  230. z-index:6;
  231. }
  232.  
  233.  
  234.  
  235. #about3{
  236. height:220px;
  237. width:370px;
  238. padding: 20px 20px 20px 20px;
  239. background-color:#DCF4FF;
  240. background-image:url('');
  241. position:absolute;
  242. right:20px;
  243. top:20px;
  244. z-index:20;
  245. opacity:0.9;
  246. }
  247.  
  248.  
  249.  
  250.  
  251.  
  252. #newt1 {
  253. width:180px;
  254. height:110px;
  255. padding:10px;
  256.  
  257. background:rgba(0, 0, 0, 0.5);
  258.  
  259. position:absolute;
  260. left:15px;
  261. top:15px;
  262. color:#fff;
  263. opacity:0;
  264. transition:0.6s;
  265. -webkit-transition:0.6s;
  266. -o-transition:0.6s;
  267. -moz-transition:0.6s;
  268. -ms-transition:0.6s;
  269. }
  270.  
  271.  
  272. #newt2 {
  273. width:180px;
  274. height:110px;
  275. padding:10px;
  276.  
  277. background:rgba(0, 0, 0, 0);
  278.  
  279. position:absolute;
  280. left:15px;
  281. top:150px;
  282. color:#fff;
  283. opacity:0;
  284. transition:0.6s;
  285. -webkit-transition:0.6s;
  286. -o-transition:0.6s;
  287. -moz-transition:0.6s;
  288. -ms-transition:0.6s;
  289. }
  290.  
  291. #newp1 {
  292. width:180px;
  293. height:110px;
  294. padding:10px;
  295.  
  296. background:rgba(0, 0, 0, 0.5);
  297.  
  298. position:absolute;
  299. left:235px;
  300. top:155px;
  301. color:#fff;
  302. opacity:0;
  303. transition:0.6s;
  304. -webkit-transition:0.6s;
  305. -o-transition:0.6s;
  306. -moz-transition:0.6s;
  307. -ms-transition:0.6s;
  308. }
  309.  
  310.  
  311. #newp2 {
  312. width:180px;
  313. height:110px;
  314. padding:10px;
  315.  
  316. background:rgba(0, 0, 0, 0);
  317.  
  318. position:absolute;
  319. left:235px;
  320. top:0px;
  321. color:#fff;
  322. opacity:0;
  323. transition:0.6s;
  324. -webkit-transition:0.6s;
  325. -o-transition:0.6s;
  326. -moz-transition:0.6s;
  327. -ms-transition:0.6s;
  328. }
  329.  
  330. #textn1 {
  331. height:130px;
  332. width:180px;
  333. text-align:center;
  334. }
  335.  
  336. #textn2 {
  337. height:130px;
  338. width:180px;
  339. text-align:center;
  340. }
  341.  
  342. #textp1 {
  343. height:130px;
  344. width:180px;
  345. text-align:center;
  346. }
  347.  
  348. #textp2 {
  349. height:130px;
  350. width:180px;
  351. text-align:center;
  352. }
  353.  
  354. #wrappern {
  355. height:130px;
  356. width:180px;
  357. }
  358. #wrappern:hover #newt1 {opacity:1;}
  359. #wrappern:hover #newt2 {opacity:1;}
  360.  
  361. #wrappern {
  362. height:130px;
  363. width:180px;
  364. }
  365. #wrapperp:hover #newp1 {opacity:1;}
  366. #wrapperp:hover #newp2 {opacity:1;}
  367.  
  368. .links{
  369. margin-top: 15px;
  370. height: 27px;
  371. z-index:8;
  372. }
  373.  
  374. .links a{
  375. font-family: 'Raleway', serif;
  376. font-size: 12px;
  377. font-weight: bold;
  378. letter-spacing: 2px;
  379. background-color: #6e9787;
  380. padding: 8px;
  381. color: #36131A;
  382. margin-right:5px;
  383. -webkit-transition-duration: 0.5s;
  384. -webkit-transition: all 0.5s ease-in;
  385. -moz-transition: all 0.5s ease-in;
  386. -o-transition: all 0.5s ease-in;
  387. }
  388.  
  389. .links a:hover {
  390. color: #fff;
  391. background-color: #8DCDFB;
  392. -webkit-transition-duration: 0.5s;
  393. -webkit-transition: all 0.3s ease-in;
  394. -moz-transition: all 0.3s ease-in;
  395. -o-transition: all 0.3s ease-in;
  396. }
  397.  
  398.  
  399. .containernew {
  400. max-height: 80px;
  401. height: 160px;
  402. overflow: auto;
  403. font-family: 'Raleway', serif;
  404. color: #000000;
  405. font-size: 10px;
  406. }
  407. .containernew::-webkit-scrollbar { width: 2px; height:2px; }
  408. .containernew::-webkit-scrollbar-track-piece { background-color:#222222; }
  409. .containernew::-webkit-scrollbar-thumb {
  410. width: 2px;
  411. background-color:#6e9787;
  412. }
  413.  
  414.  
  415.  
  416.  
  417.  
  418.  
  419.  
  420.  
  421. #sidebar {
  422. width:250px;
  423. position:absolute;
  424. margin-left: 40px;
  425. height:auto;
  426. margin-top:385px;
  427. background-color: transparent;
  428. top:0;
  429. }
  430.  
  431. #sidebar #j {
  432. width:220px;
  433. padding:15px;
  434. margin-bottom:10px;
  435. font-family: Calibri;
  436. font-size:12px;
  437. line-height: 13px;
  438. letter-spacing:0px;
  439. background-color: #8DDCFA;
  440. color: #6e9787;
  441. }
  442.  
  443. #sidebar h1 {
  444. font-family:'Raleway';
  445. color: #36131A;
  446. }
  447.  
  448. #j a {
  449. padding:3px;
  450. line-height:20px;
  451. opacity:1.0;
  452. font-size:9px;
  453. text-transform:uppercase;
  454. -webkit-transition: .3s linear;
  455. transition: .3s linear;
  456. background-color: #333;
  457. color: #6e9787;
  458. }
  459.  
  460. #j a:hover {
  461. opacity:1;
  462. background-color: #61cdce;
  463. color: #333;
  464. }
  465.  
  466.  
  467.  
  468.  
  469. /* Your posts */
  470.  
  471.  
  472. #entries {
  473. margin-top:420px;
  474. width:500px;
  475.  
  476.  
  477. }
  478.  
  479.  
  480. #posts {
  481. background:#fff;
  482. width:500px;
  483. margin-left:50px;
  484. margin-bottom:75px;
  485. border:5px solid {color:border};
  486. padding:20px;
  487. }
  488.  
  489.  
  490. #posts img {
  491. max-width:500px;
  492. }
  493.  
  494.  
  495. /* Quote & Source */
  496.  
  497. #quote{
  498. text-align:left;
  499. font-size:14px;
  500. line-height:18px;
  501. font-weight:bold;
  502. }
  503.  
  504.  
  505. #source {
  506. margin-top:15px;
  507. text-align:right;
  508. }
  509.  
  510.  
  511. /* Audio */
  512.  
  513.  
  514. .player {
  515. width:25px;
  516. height:25px;
  517. overflow:hidden;
  518. position:absolute;
  519. background:white;
  520. }
  521.  
  522.  
  523. .audioinfo {
  524. margin-left:50px;
  525. line-height:120%;
  526. }
  527.  
  528.  
  529. /* Speech Bubble for Question */
  530.  
  531.  
  532. .bubble {
  533. width:400px;
  534. position: relative;
  535. background:{color:ask bubble};
  536. left:60px;
  537. margin: 0;
  538. padding:10px;
  539. text-align:center;
  540. -moz-border-radius:10px;
  541. -webkit-border-radius:10px;
  542. -webkit-box-shadow: 0px 0 1px rgba(0,0,0,0);
  543. -moz-box-shadow: 0px 0 1px rgba(0,0,0,0);
  544. box-shadow: 0px 0 1px rgba(0,0,0,0);
  545. }
  546.  
  547.  
  548. .bubble:after {
  549. position: absolute;
  550. display: block;
  551. content: "";
  552. border-color: {color:ask bubble} transparent transparent transparent;
  553. border-style: solid;
  554. border-width: 15px 15px 0px;
  555. height:0;
  556. width:0;
  557. position:absolute;
  558. left:-15px;
  559. top:10px;
  560. }
  561.  
  562.  
  563. /* Chats */
  564.  
  565.  
  566. .chat ol {
  567. padding:0;
  568. list-style:none;
  569. }
  570.  
  571.  
  572. .line {
  573. list-style:none;
  574. padding:5px 0;
  575. }
  576.  
  577.  
  578. .label {
  579. text-decoration:bold;
  580. }
  581.  
  582.  
  583. /* Permalink & Info */
  584.  
  585.  
  586. #info {
  587. padding:10px;
  588. width:474px;
  589. text-align:justify;
  590. line-height:15px;
  591. margin-top:10px;
  592. height:auto;
  593. background:#fafafa;
  594. padding:10px;
  595. }
  596.  
  597.  
  598. #perma {
  599. margin-top:10px;
  600. padding:5px;
  601. font-size:9px;
  602. color:{color:link};
  603. text-transform:normal;
  604. font-style:normal;
  605. letter-spacing:2px;
  606. text-align:center;
  607. }
  608.  
  609.  
  610. /* Notes */
  611.  
  612.  
  613. .note li {
  614. list-style-type:none;
  615. padding:10px 25px 10px 25px;
  616. text-align:left;
  617. margin:0px;
  618. border-bottom:1px solid {color:border};
  619. line-height:140%;
  620. -moz-transition-duration:0.5s;
  621. -webkit-transition-duration:0.5s;
  622. -o-transition-duration:0.5s;
  623. }
  624.  
  625.  
  626. .notes img {
  627. display:none!important;
  628. }
  629.  
  630.  
  631. /* For Hovering Over Links*/
  632.  
  633.  
  634. #s-m-t-tooltip {
  635. z-index: 9999;
  636. background: {color:LinkTitleBG};
  637. font-size: 10px;
  638. line-height: 11px;
  639. font-family: arial;
  640. letter-spacing: 1px;
  641. text-transform: normal;
  642. color: {color:LinkTitleText};
  643. max-width: 150px;
  644. word-wrap: break-word;
  645. padding: 2px 5px 2px 6px;
  646. display: block;
  647. margin: 24px 14px 7px 12px;
  648. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  649. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  650. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  651. }
  652.  
  653.  
  654.  
  655.  
  656.  
  657.  
  658.  
  659. </style>
  660. <!-------------------- JQUERY SCRIPT -------------------->
  661. <script>
  662. $(document).ready(function(){
  663. $(window).bind('scroll', function(){
  664. if($(window).scrollTop() > 300){
  665. $('.lil').addClass('blazeit');
  666. }
  667.  
  668. else{
  669. $('.lil').removeClass('blazeit');
  670. }
  671. });
  672. });
  673. </script>
  674.  
  675. <script>
  676. $(document).ready(function(){
  677. $(window).bind('scroll', function(){
  678. if($(window).scrollTop() > 300){
  679. $('.long').addClass('blazed');
  680. }
  681.  
  682. else{
  683. $('.long').removeClass('blazed');
  684. }
  685. });
  686. });
  687. </script>
  688.  
  689. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  690.  
  691.  
  692. </head>
  693. <body>
  694. <!-------------------- TOPBAR -------------------->
  695. <div id='header'></div>
  696. <div class='lil'>
  697. <a href='{text:link1url}'>{text:link1}</a>
  698. <a href='{text:link2url}'>{text:link2}</a>
  699. <a href='{text:link3url}'>{text:link3}</a>
  700. <a href='{text:link4url}'>{text:link4}</a>
  701. <a href='{text:link5url}'>{text:link5}</a>
  702. <a href='{text:link6url}'>{text:link6}</a>
  703. <a href='{text:link7url}'>{text:link7}</a>
  704. <a href='{text:link8url}'>{text:link8}</a>
  705. <a href='{text:link9url}'>{text:link9}</a>
  706. </div>
  707.  
  708. <div class='long'>
  709. <center>
  710. <br><img src="http://icons.iconarchive.com/icons/custom-icon-design/mini/32/Home-icon.png">
  711. <a href="/">Home</a>
  712. <br><br><img src="http://icons.iconarchive.com/icons/custom-icon-design/mini/32/Chat-icon.png">
  713. <a href="/">Ask Me</a>
  714. <br><br><img src="http://icons.iconarchive.com/icons/custom-icon-design/mini/32/Folder-icon.png">
  715. <a href="/">History</a>
  716. <br><br><img src="http://icons.iconarchive.com/icons/custom-icon-design/mini/32/Star-full-icon.png">
  717. <a href="{text:link10url}">{text:link10}</a>
  718. <br><br><img src="http://icons.iconarchive.com/icons/custom-icon-design/mini/32/Star-empty-icon.png">
  719. <a href="{text:link11url}">{text:link11}</a>
  720. <br><br><img src="http://icons.iconarchive.com/icons/custom-icon-design/mini/32/Fav-icon.png">
  721. <a href="{text:link12url}">{text:link12}</a>
  722. <br><br><img src="http://icons.iconarchive.com/icons/custom-icon-design/mini/32/Flag-icon.png">
  723. <a href="http://fizzy-themes.tumblr.com/">Theme</a>
  724. </center>
  725. </div>
  726.  
  727.  
  728.  
  729. <div id='about1'>
  730. <center><a style="font-family:'Pacifico';color:#fff;font-size:50px;" href="http://fizzy-themes.tumblr.com/">Fizzy Themes</a></center><br><center><a style="font-family:'Merienda One';color:#6e9787;font-size:20px;" href="http://zrsfizzybongs.tumblr.com/">by ZRSFizzyBongs</a></center>
  731. </div>
  732.  
  733.  
  734.  
  735. <div id='about3'><p style="font-family:'Satisfy';color:#36131A;font-size:14px;">{Description}</p>
  736. </div>
  737.  
  738.  
  739.  
  740. <div id='newt'><img src="{image:newt}" alt="Theme #1 - Origins" height="130px"
  741. width="200px"></div>
  742. <div id='newp'><img src="{image:newp}" alt="Page #1 - My OTPs" height="130px" width="200px"></div>
  743.  
  744.  
  745.  
  746.  
  747.  
  748. <!--SIDEBAR-->
  749. <div id="sidebar">
  750.  
  751. <div id="j">
  752. <h1><u>More Info</u></h1>
  753. <p>I hope for this blog to include a FAQ section shortly, however that shall only be put into place when I have a better idea about frequently asked questions. Questions are always welcome - be it a glitch that needs sorting, customisation help or a request. I am also open to suggestions and requests any time, however I shall unlikely begin coding them until I have completed some items on my TO DO List.</p>
  754. </div>
  755.  
  756. <div id="j">
  757. <h1><u>Find a Theme</u></h1>
  758. <p>As stated in the top descripton, the majority of my coding projects shall be aimed at fans - fangirls, otaku, or however they wish to be addressed, and so most shall have a distinct fandom link in each theme. They shall also be tagged with that fandom, so the searchbar below is an option if you want to try searching for a specific fandom.</p><br><center><div style="margin-top:-10px;">
  759. <form onsubmit="return tagSearch(this)">
  760. <input type="text" name="tag" value="" onfocus="if (this.value == '') {this.value=''}" onblur="if (this.value == '') {this.value=''}" />
  761. <input type="submit" value="Search" />
  762. </form></div></center>
  763. </div>
  764.  
  765. <div id="j">
  766. <h1><u>To Do List</u></h1>
  767. <u><b><p style="font-size:14px">Themes</p></b></u>
  768. <a href="/">Theme #1 - Theme Blog #1 - Origins - 1V</a>
  769. <u><b><p style="font-size:14px">Pages</p></b></u>
  770. <a href="/">Page #1 - My OTPs - 2V</a><br>
  771. <a href="/">Page #2 - New Pairing Maker - 4V</a><br>
  772. <a href="/">Page #3 - The Ideal Me - 3V</a><br>
  773. <br>
  774. <a href="/">Presents Page Pack:</a><br>
  775. <a href="/">Page #4 - Presents Menu - 3V</a><br>
  776. <a href="/">Page #5 - Birthday Presents - V4</a><br>
  777. <a href="/">Page #6 - Halloween Trick or Treat Sweets - V4</a><br>
  778. <a href="/">Page #7 - Christmas Presents - V8</a><br>
  779. <a href="/">Page #8 - Easter Chocolate - V4</a>
  780. </div>
  781.  
  782. <div id="j">
  783. <h1><u>Requests</u></h1>
  784. <p>I do take requests and actually look forward to doing so. I am more likely to attempt detailed themes than minimalistic theme as I find them more enjoyable to make. Requests do cost in a sense as I shall make a request of you as payment. I will also release any requested themes officially - in other words they shall not be exclusive to you. Standard terms will also apply to any requests.</p>
  785. </div>
  786.  
  787. <!--END SB--></div></div>
  788.  
  789. <div align="center">
  790.  
  791. <div id="entries">
  792.  
  793. <div class="autopagerize_page_element">
  794.  
  795. <!--This is where you fix all your post (your quotes post, text post, photo post, audio post, etc. -->
  796.  
  797. {block:Posts}
  798.  
  799. <div id="posts">
  800.  
  801. {block:Quote}
  802. <div id="quote">“{Quote}”</div>
  803. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  804. {/block:Quote}
  805.  
  806.  
  807. {block:Text}
  808. {block:Title}
  809. <div id="title"><div style="font-size:17px; text-align:left;">{Title}</div></div>{/block:Title}
  810. {Body}
  811. {/block:Text}
  812.  
  813. {block:Link}
  814. <div id="title">
  815. <div style="font-size:17px; text-align:left;"><a href="{URL}">{Name} »</a></div></div>
  816. {block:Description}{Description}{/block:Description}
  817. {/block:Link}
  818.  
  819. {block:Chat}
  820. {block:Title}
  821. <h1>{Title}</h1>
  822. {/block:Title}
  823. <div class="chat">
  824. <ol>{block:Lines}
  825. <li class="line {Alt}">
  826. {block:Label}
  827. <span class="label">
  828. <b>{Label}</b></span>
  829. {/block:Label}{Line}</li>
  830. {/block:Lines}
  831. </ol></div>
  832. {/block:Chat}
  833.  
  834. {block:Photo}
  835. {LinkOpenTag}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></center>
  836. {LinkCloseTag}
  837. {/block:Photo}
  838.  
  839. {block:Photoset}
  840. <center>{Photoset-500}</center>
  841. {/block:Photoset}
  842.  
  843. {block:Video}
  844. {Video-500}
  845. {/block:Video}
  846.  
  847. {block:Audio}<div class="player">{AudioPlayerWhite}</div><div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br> by {Artist}{/block:Artist}</div>
  848. {/block:Audio}
  849.  
  850.  
  851. {block:Answer}
  852. <div class="post"><br>
  853. <div class="askerportrait"><img style="border-radius:50px;" src="{AskerPortraitURL-40}" align="left" /></div><div class="bubble">{Asker} asked: {Question}</div><br>
  854. <div style="margin-left:200px;">{Answer}</div>
  855. </div>
  856. {/block:Answer}
  857.  
  858. {block:IndexPage}
  859. <div id="perma">
  860. <img src="http://static.tumblr.com/3yblkz0/qSLn46s92/eee.png">
  861. <a href="{Permalink}">Posted {block:Date}{TimeAgo}{/block:Date} with {NoteCountWithLabel}</a> <img src="http://static.tumblr.com/3yblkz0/qSLn46s92/eee.png"></div>
  862. {block:IndexPage}
  863.  
  864. {block:PermalinkPage}
  865. {block:Date}
  866. <div id="info">
  867. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}<br>
  868. <b>Date:</b> {ShortMonth} {DayOfMonthWithZero}, {Year}<br>
  869. {block:NoteCount}
  870. <b>Notes:</b> {NoteCount}<br>
  871. {/block:NoteCount}
  872. {block:RebloggedFrom}
  873. <b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}{block:ContentSource}<b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a><br>{/block:ContentSource}{block:HasTags}<b>Tagged:</b>{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:Date}{/block:PermalinkPage} <div class="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div> </div> {/block:Posts}</div> </div> </div></body> <div id="wrappern"><div id="newt1"><div id="textn1"><div id="textn2"><font size="5">Theme #1</font><br><font size="4">Origins</font><br><br><br><a href="http://fizzy-themes.tumblr.com/tou1">PEVIEW</a> | <a href="http://fizzy-themes.tumblr.com/">POST + CODE</a></div></div></div><div id="newt2"><div id="textn1"><div id="textn2"><div class="links"><a href="http://fizzy-themes.tumblr.com/">FEATURES</a></div><div class="containernew">Test <br>Test <br>Test <br>Test <br>Test <br>Test <br>Test <br>Test <br>Test <br>Test <br>Test <br>Test <br></div>
  874.  
  875. </div></div>
  876. </div></div>
  877.  
  878. <div id="wrapperp">
  879. <div id="newp1">
  880. <div id="textp1">
  881. <div id="textp2"><font size="5">Page #1</font><br><font size="4">My OTPs</font><br><br><br><a href="http://fizzy-themes.tumblr.com/tou1">PEVIEW</a> |
  882. <a href="http://fizzy-themes.tumblr.com/">POST + CODE</a>
  883. </div></div>
  884. </div>
  885.  
  886. <div id="newp2">
  887. <div id="textp1">
  888. <div id="textp2"><div class="links">
  889. <a href="http://fizzy-themes.tumblr.com/">FEATURES</a></div>
  890. <div class="containernew">Test <br>Test <br>Test <br>Test <br>Test <br>Test <br>Test <br>Test <br>Test <br>Test <br>Test <br>Test <br></div>
  891.  
  892. </div></div>
  893. </div></div>
  894. </div>
  895.  
  896.  
  897. </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!