API tools faq
paste
Advertisement
praptolium

Bubblegum by integr4ted

praptolium
Apr 24th, 2014
80
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.26 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <!---
  4.  
  5. -- INTEGR4TEDthemes --
  6.  
  7. Find more themes at:
  8. http://integr4tedthemes.tumblr.com
  9.  
  10. Please do not remove credit
  11. (Feb 2014)
  12.  
  13.  
  14. --->
  15.  
  16. <html>
  17. <head>
  18.  
  19. <script src="http://cgi.cse.unsw.edu.au/~oliverc/octangles/js/fartscroll.js"></script>
  20.  
  21.  
  22.  
  23.  
  24. <script>
  25. $(function() {
  26. fartscroll();
  27. });
  28. </script>
  29.  
  30.  
  31.  
  32.  
  33.  
  34. <title>
  35. {Title}
  36. </title>
  37.  
  38.  
  39.  
  40. <!--------------------------------------------------------
  41.  
  42. Images (sidebar, background, bottom, topbar)
  43.  
  44. --------------------------------------------------------->
  45.  
  46.  
  47.  
  48.  
  49. <meta name="image:Sidebar" content="http://25.media.tumblr.com/afbb0641ff382a62c05e0a31b9961329/tumblr_msmyjqgAl01ssdigko1_500.gif"/>
  50.  
  51. <meta name"if:sidebarimage" content="1"/>
  52.  
  53. <meta name="color:sidebar background" content="000000"/>
  54.  
  55. <meta name="if:sidebaropaque" content"1"/>
  56.  
  57. <meta name="text:sidebaropacity" content"0.5"/>
  58.  
  59. <meta name="text:Sidebar Link Rounding" content="11" />
  60.  
  61. <meta name="image:bottomimage" content="https://31.media.tumblr.com/8d24cbf24f260bde57a7784ac0c3aa08/tumblr_n2pwkyW2sh1sir7a3o1_500.png"/>
  62. <meta name="text:Bottom Image Size" content="200"/>
  63.  
  64.  
  65. <meta name="color:Background" content="FFFFFF"/>
  66. <meta name="image:Background" content="" /><!--integr4tedthemes-->
  67. <meta name="if:Background cover" content="0"/>
  68.  
  69. <meta name="color:Sidebar Links Background" content="#1c1c1c"/>
  70.  
  71. <meta name="if:top bar" content="0"/>
  72. <meta name="color:Top bar background" content"#FFFFFF"/>
  73. <meta name="image:Top bar image" content="https://24.media.tumblr.com/02515f779ba0e4b15a31a1fb099f0f87/tumblr_myqz0aMZzU1t268zzo1_500.png" />
  74. <meta name="if:topbarimage" content="0"/>
  75.  
  76.  
  77.  
  78. <!-----------------
  79.  
  80. Sidebar links
  81.  
  82. ------------------------------->
  83. <meta name="if:Link1" content="0"/>
  84. <meta name="text:Link 1" content="/"/>
  85. <meta name="text:Link Title 1" content="home"/>
  86.  
  87. <meta name="if:Link2" content="0"/>
  88. <meta name="text:Link 2" content="/tagged/me"/>
  89. <meta name="text:Link Title 2" content="me"/>
  90.  
  91. <meta name="if:Link3" content="0"/>
  92. <meta name="text:Link 3" content="/links"/>
  93. <meta name="text:Link Title 3" content="links"/>
  94.  
  95. <meta name="if:Link4" content="0"/>
  96. <meta name="text:Link 4" content="/"/>
  97. <meta name="text:Link Title 4" content="link 4"/>
  98.  
  99. <meta name="if:Link5" content="0"/>
  100. <meta name="text:Link 5" content="/"/>
  101. <meta name="text:Link Title 5" content="link 5"/>
  102.  
  103. <meta name="if:Link6" content="0"/>
  104. <meta name="text:Link 6" content="/"/>
  105. <meta name="text:Link Title 6" content="link 6"/>
  106.  
  107. <meta name="if:Link7" content="0"/>
  108. <meta name="text:Link 7" content="/"/>
  109. <meta name="text:Link Title 7" content="link 7"/>
  110.  
  111.  
  112. <!--------------------------------------------------------
  113.  
  114. Posts
  115.  
  116. --------------------------------------------------------->
  117.  
  118. <meta name="color:Post Background" content"#000000"/>
  119. <meta name="if:postopaque" content"1"/>
  120.  
  121. <meta name="text:postopacity" content"0.5"/>
  122.  
  123.  
  124.  
  125. <!-- Post border -->
  126. <meta name="text:Post Border Rounding" content="11" />
  127. <meta name="if:PostBorder" content"0"/>
  128. <meta name="color:Post Border Color" content"#FFFFFF"/>
  129.  
  130.  
  131.  
  132. <!-----------
  133.  
  134. Fonts
  135.  
  136. ----------->
  137.  
  138. <meta name="font:post fonts" content="minecraftia"/>
  139. <meta name="text:post fonts size" content="10px"/>
  140.  
  141. <meta name="font: sidebar link fonts" content="minecraftia"/>
  142. <meta name="text: Sidebar Link Font Size" content="10px"/>
  143. <meta name="font: sidebar fonts" content"minecraftia"/>
  144. <meta name="text: Sidebar Font Size" content="10px"/>
  145. <meta name="color: Post Font Color" content="#FFFFFF"/>
  146. <meta name="color: Sidebar Font Color" content="#FFFFFF"/>
  147. <meta name="color: Link Font Color" content="#b7b7b7"/>
  148. <meta name="color: Sidebar Link Font Color" content="#FFFFFF"/>
  149. <meta name="text: Sidebar Title Font Size" content="3"/>
  150. <meta name="color: Sidebar Title Font Color" content="#a2a2a2"/><!--integr4tedthemes-->
  151. <meta name="font: Sidebar Title Font Family" content="minecraftia"/>
  152. <meta name="text: Sidebar Description Font Size" content="3"/>
  153. <meta name="color: Sidebar Description Font Color" content="#8b8b8b"/>
  154. <meta name="font: Sidebar Description Font Family" content="minecraftia"/>
  155. <meta name="color: Hover Link Font Color" content="#FFFFFF"/>
  156.  
  157.  
  158.  
  159.  
  160.  
  161. <link rel="shortcut icon" href="{Favicon}">
  162. <meta name="description" content=""/>
  163.  
  164.  
  165.  
  166. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  167.  
  168.  
  169. {block:ifinfinitescroll}
  170.  
  171. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  172. {/block:ifinfinitescroll}
  173.  
  174. {block:ifinfinitescroll} <div class="autopagerize_page_element">{/block:ifinfinitescroll}
  175.  
  176. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  177.  
  178.  
  179.  
  180.  
  181.  
  182.  
  183.  
  184.  
  185.  
  186.  
  187.  
  188.  
  189. <style type="text/css">
  190.  
  191. font-face {
  192.  
  193. font-family: "minecraftia";
  194.  
  195. src: url('http://static.tumblr.com/gvd42r2/jj1m7jrzv/minecraftia.ttf');
  196.  
  197. }
  198.  
  199.  
  200.  
  201.  
  202. body {
  203.  
  204. list-style-type: none;
  205. background:url('{image:background}') {block:ifbackgroundcover}center fixed;
  206. background-size:cover;
  207. {/block:ifbackgroundcover}
  208.  
  209. {block:ifnotbackgroundcover}
  210. top left fixed repeat;
  211. {/block:ifnotbackgroundcover}
  212.  
  213.  
  214.  
  215.  
  216.  
  217.  
  218.  
  219.  
  220. background-color:{color:background};
  221.  
  222.  
  223.  
  224.  
  225. }
  226.  
  227.  
  228. a {
  229. color: {color: Link Font Color};
  230. text-decoration: none;
  231. -moz-transition-duration: 0.5s;
  232. -o-transition-duration: 0.5s;
  233. -webkit-transition-duration: 0.5s;
  234. transition-duration: 0.5s;}
  235.  
  236. a:hover {
  237. color: {color: Hover Link Font Color};
  238. -moz-transition-duration: 0.5s;
  239. -o-transition-duration: 0.5s;
  240. -webkit-transition-duration: 0.5s;
  241. transition-duration: 0.5s;}
  242.  
  243. .container { width: 1280px;
  244. margin-top: 25px;
  245. height: 200px;
  246. position:static;
  247. padding:1px;
  248. }
  249.  
  250.  
  251.  
  252.  
  253. .posts li { list-style: none;}
  254.  
  255. .posts blockquote { border-left: 1px solid #000;
  256. padding-left: 5px;}
  257.  
  258.  
  259. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  260.  
  261. .topbar { width: 820px;
  262. height: 140px;
  263. margin-left: 310px;
  264. margin-top: -15px;
  265.  
  266. position: absolute;
  267. background-color: {color:Top bar background};
  268. background:transparent;
  269.  
  270. }
  271.  
  272. .topbarimage { position: relative;
  273. height: 140px;
  274. margin-right: auto;
  275. margin-left: auto;
  276. width: 50%;
  277. z-index: -1;
  278. background:transparent;
  279.  
  280. }
  281.  
  282. .themecredit { width: 20px;
  283. height: 20px;
  284. position: fixed;
  285.  
  286. bottom: 10px;
  287. left: 10px;
  288. z-index: -1;
  289. }
  290.  
  291.  
  292. .sidebar { width: 250px;
  293. height: 100%;
  294. position:fixed;
  295. margin-left: 40px;
  296. margin-top: -26px;
  297. background-color: {color:sidebar background};
  298. padding: auto;
  299. {block:ifsidebaropaque}
  300. opacity:{text:sidebaropacity};
  301. {/block:ifsidebaropaque}
  302.  
  303.  
  304.  
  305. }
  306.  
  307. .sidebartitle {
  308.  
  309. font-size: {text: Sidebar title Font Size};
  310. font-family: {font: Sidebar Title Font Family};
  311. color: {color:Sidebar Title Font Color};
  312.  
  313. }
  314.  
  315. .sidebardescription {
  316.  
  317. font-size: {text: Sidebar Description Font Size};
  318. font-family: {font: Sidebar Description Font Family};
  319. color: {color: Sidebar Description Font Color};
  320.  
  321. }
  322.  
  323.  
  324. .sidebarc {display: table-cell;
  325. vertical-align: middle;
  326. width: 250px;
  327. }
  328.  
  329. .sidebarc a {color: {color:Accent};
  330. width: 90%;
  331. display: block;
  332. text-transform: uppercase;
  333.  
  334. background-color: {color:Sidebar Links Background};
  335.  
  336.  
  337. font-size: {text: Sidebar Link Font Size};
  338. font-family: {font: sidebar link fonts};
  339. color: {color: Sidebar Link Font Color};
  340.  
  341.  
  342.  
  343. padding: 6px 0px;
  344. text-align: center;
  345. margin-left:auto;
  346. margin-right:auto;
  347. letter-spacing: {text:Letter Spacing};
  348. margin-bottom: 2px;
  349. -moz-border-radius:{text:Sidebar Link Rounding}px;
  350. -webkit-border-radius:{text:Sidebar Link Rounding}px;
  351.  
  352.  
  353.  
  354. }
  355.  
  356.  
  357.  
  358. .postcol { width: 610px;
  359. margin:auto;
  360.  
  361. {block:iftopbar}
  362. margin-top: 160px;
  363. {/block:iftopbar}
  364.  
  365. {block:ifnottopbar}
  366. margin-top: 10px;
  367. {/block:ifnottopbar}
  368.  
  369. margin-left: 310px;
  370. margin-bottom: 20px;
  371. padding: 1px;
  372. }
  373.  
  374. .posts { width: 250px;
  375. margin: auto;
  376. margin-left:10px;
  377. margin-top:10px;
  378. float: left;
  379. display: block;
  380. padding: 10px;
  381.  
  382. {block:ifpostopaque}
  383. opacity:{text:postopacity};
  384. {/block:ifpostopaque}
  385.  
  386. font-size: {text:post fonts size};
  387. font-family: {font:post fonts};
  388. color: {color: Post Font Color};
  389.  
  390.  
  391. background-color:{color:Post Background};
  392. {block:ifPostBorder}
  393. border-style:solid;
  394. border-width:3px;
  395. border-color:{color:Post Border Color};
  396.  
  397.  
  398. {/block:ifPostBorder}
  399.  
  400. -moz-border-radius:{text:Post Border Rounding}px;
  401. -webkit-border-radius:{text:Post Border Rounding}px;
  402.  
  403. }
  404.  
  405. .info { width: 200px;
  406.  
  407.  
  408. float: left;
  409. display: block;
  410. padding: 10px;
  411.  
  412. {block:ifpostopaque}
  413. opacity:{text:postopacity};
  414. {/block:ifpostopaque}
  415.  
  416. font-size: {text:post fonts size};
  417. font-family: {font:post fonts};
  418. color: {color: Post Font Color};
  419.  
  420.  
  421. background-color:{color:Post Background};
  422. {block:ifPostBorder}
  423. border-style:solid;
  424. border-width:3px;
  425. border-color:{color:Post Border Color};
  426.  
  427.  
  428. {/block:ifPostBorder}
  429.  
  430. -moz-border-radius:{text:Post Border Rounding}px;
  431. -webkit-border-radius:{text:Post Border Rounding}px;
  432.  
  433. }
  434.  
  435.  
  436. .bottomimage { width: {text:Bottom Image Size}px;
  437. position:fixed;
  438. bottom: -6px;
  439. right: -2px;
  440. z-index: -1;
  441. }
  442.  
  443. .posts h2 {
  444. font-size: 20px;
  445. color: {color: Post Font Color};
  446. font-weight: normal;
  447. margin: 0px;}
  448.  
  449.  
  450. .notecontainer{
  451.  
  452. width: 400px;
  453. margin: auto;
  454. margin-left:10px;
  455. margin-top:10px;
  456. float: left;
  457. display: block;
  458. padding: 10px;
  459.  
  460.  
  461.  
  462. font-size: {text:post fonts size};
  463. font-family: {font:post fonts};
  464. color: {color: Post Font Color};
  465.  
  466.  
  467. background-color:{color:Post Background};
  468. {block:ifPostBorder}
  469. border-style:solid;
  470. border-width:3px;
  471. border-color:{color:Post Border Color};
  472.  
  473.  
  474. {/block:ifPostBorder}
  475.  
  476. -moz-border-radius:{text:Post Border Rounding}px;
  477. -webkit-border-radius:{text:Post Border Rounding}px;
  478.  
  479. }
  480.  
  481. .notes {
  482. list-style-type: none;
  483. margin: 0;
  484. padding: 0;
  485. }
  486.  
  487.  
  488.  
  489.  
  490. </style>
  491.  
  492.  
  493. </head>
  494.  
  495. <body>
  496.  
  497.  
  498. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  499.  
  500.  
  501. <div class="container">
  502.  
  503.  
  504. {block:iftopbar}
  505. <div class="topbar">
  506. <div class="topbarimage">
  507. <img src="{image:Top bar image}"; height="100%";>
  508. </div>
  509. </div>
  510. {/block:iftopbar}
  511.  
  512.  
  513.  
  514. <div class="sidebar"></br>
  515.  
  516.  
  517. </br>
  518.  
  519. <div class="sidebartitle">
  520. <a href="/">
  521. <center>
  522.  
  523.  
  524.  
  525.  
  526. {title}
  527.  
  528.  
  529. </center>
  530. </a>
  531. </div>
  532.  
  533. {block:ifsidebarimage}
  534. <a href="/">
  535. <img src="{image:Sidebar}"; width="100%">
  536. </a>
  537. {/block:ifsidebarimage}
  538.  
  539. <div class="sidebardescription">
  540.  
  541.  
  542. </br> <center>{description}</center></br>
  543.  
  544. </div
  545. </br>
  546. <div class="sidebarc">
  547.  
  548. <center>
  549.  
  550.  
  551.  
  552. {block:iflink1}
  553. <a href="{text:Link 1}">{text:link title 1}</a>
  554. {/block:iflink1}
  555. {block:iflink2}
  556. <a href="{text:Link 2}">{text:link title 2}</a>
  557. {/block:iflink2}
  558. {block:iflink3}
  559. <a href="{text:Link 3}">{text:link title 3}</a>
  560. {/block:iflink3}
  561. {block:iflink4}
  562. <a href="{text:Link 4}">{text:link title 4}</a>
  563. {/block:iflink4}
  564. {block:iflink5}
  565. <a href="{text:Link 5}">{text:link title 5}</a>
  566. {/block:iflink5}
  567. {block:iflink6}
  568. <a href="{text:Link 6}">{text:link title 6}</a>
  569. {/block:iflink6}
  570. {block:iflink7}
  571. <a href="{text:Link 7}">{text:link title 7}</a>
  572. {/block:iflink7}
  573.  
  574.  
  575. <!--
  576.  
  577. Go ahead and delete this line and I promise you I will
  578. find you and I will inject you with HIV.
  579.  
  580. -->
  581.  
  582.  
  583. <a href="http://integr4tedthemes.tumblr.com">theme credit</a>
  584.  
  585.  
  586. <!--
  587.  
  588. I'm not kidding.
  589. Really.
  590.  
  591. -->
  592.  
  593.  
  594.  
  595. </center>
  596. </div>
  597. </div>
  598.  
  599.  
  600. <div class="postcol">
  601. <div class = "autopagerize_page_element" >
  602. {block:Posts}
  603. <div class="posts">
  604.  
  605.  
  606. {block:Text}
  607.  
  608. {block:Title}
  609. <h2>{title}</h2>
  610. {/block:Title}
  611. {Body}
  612. {/block:Text}
  613.  
  614.  
  615. {block:answer}
  616. {asker} asked: {question}</br>
  617. {answer}
  618. {/block:answer}
  619.  
  620.  
  621. {block:Quote}
  622. <h3>{Quote}</h3>
  623. {block:Source}
  624. -<i>{source}</i>
  625. {/block:Source}
  626. {/block:Quote}
  627.  
  628.  
  629. {block:Link}
  630. <a href="{URL}"><h2>{Name}</h2></a>
  631. {block:Description}
  632. {Description}
  633. {/block:Description}
  634. {/block:Link}
  635.  
  636.  
  637. {block:chat}
  638. {block:Title}
  639. <!--integr4tedthemes-->
  640. <h2>{Title}</h2>
  641. {/block:Title}</br>
  642. {block:lines}
  643. {block:Label}
  644. {Label}
  645. {/block:Label}
  646. {Line}</br>
  647. {/block:lines}
  648. {/block:chat}
  649.  
  650. {block:Photo}
  651. {LinkOpenTag}
  652. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  653. {LinkCloseTag}
  654. {block:Caption}
  655. {Caption}
  656. {/block:Caption}
  657. {/block:Photo}
  658.  
  659. {block:Photoset}
  660. {Photoset-250}
  661. {block:Caption}
  662. {Caption}
  663. {/block:Caption}
  664. {/block:Photoset}
  665.  
  666. {block:Video}
  667. {Videoembed-250}
  668. {block:Caption}
  669. {Caption}
  670. {/block:Caption}
  671. {/block:Video}
  672.  
  673. {block:Audio}
  674. {Audioembed-250}
  675. {block:Caption}
  676. {Caption}
  677. {/block:Caption}
  678. {block:TrackName}
  679. <h2>{TrackName}</h2>
  680. {/block:TrackName}</br>
  681. {block:Artist}
  682. {Artist}
  683. {/block:Artist}
  684. {/block:Audio}
  685.  
  686.  
  687.  
  688. <div class="info">
  689. <p><a href="{Permalink}">{NoteCount} notes</a> / <a href="{ReblogURL}">reblog</a> / <a href="{Permalink}">posted {timeago}</a>
  690. {block:HasTags} </br></br> {block:Tags}<a href="{tagurl}">#{Tag}</a>, {/block:Tags}{/block:HasTags}
  691. <br></div>
  692.  
  693.  
  694.  
  695.  
  696. </div>
  697.  
  698.  
  699. {block:PostNotes}
  700. <div id="notecontainer">{PostNotes}</div>
  701. {/block:PostNotes}
  702.  
  703. {/block:Posts}
  704.  
  705. </div>
  706. </div>
  707. </div>
  708.  
  709.  
  710.  
  711. <div class="themecredit">
  712. <center>
  713. <a href="http://integr4ted.tumblr.com">
  714. ✿
  715. </a>
  716. </center>
  717. </div>
  718.  
  719.  
  720. <div class="bottomimage">
  721. <img src="{image:bottomimage}"; width={text:Bottom Image Size}px>
  722. </div>
  723.  
  724.  
  725. </div>
  726.  
  727.  
  728.  
  729.  
  730.  
  731.  
  732.  
  733. </body>
  734. </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!