API tools faq
paste
Advertisement
Plantopic

SCREEN

Plantopic
May 15th, 2015
333
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.79 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. PLANTOPICTHEMES.TUMBLR.COM
  4. .+*SCREEN*+.
  5. RE-CODED
  6. 03/06/15
  7.  
  8. YOU ARE FREE TO USE THIS AS YOU PLEASE AS LONG AS YOU KEEP THE CREDIT!
  9. REMOVING THE CREDIT FROM THIS THEME WILL NOT CHANGE THE FACT THAT I AM THE ORIGINAL CREATOR AND OWNER.
  10.  
  11. PLEASE DO NOT USE THIS A BASE CODE, TAKE CODE SNIPPETS OR RE-UPLOAD AS YOUR OWN, YOU CAN TWEAK THIS THEME AS YOU LIKE AS LONG AS YOU KEEP THE ORIGINAL CREDIT.
  12.  
  13. > >------------------ > > THEME NOTES < < --------------------< <
  14. PLEASE READ THESE BEFORE USING
  15. --------------------------------
  16.  
  17. PLEASE NOTE THAT THE PHONE BORDER FOR THIS THEME IS 4 SEPERTATE IMAGES, MOVING THESE WILL MESS UP THE CONSTRUCTION OF THE PHONE IMAGE UNLESS MOVED TO THE RIGHT POSITIONS.
  18.  
  19. THIS THEME WILL SELF ADJUST TO PC SCREEN RESOLUTIONS.
  20.  
  21. THERE IS NO SIDEBAR TO THIS THEME BUT THERE IS A 'PROFILE PAGE' FUNCTION, THIS IS A POP UP BOX WHICH HAS BEEN DESIGNED TO LOOK LIKE A SOCIAL MEDIA PROFILE PAGE, THE HEADER AND ICON PICTURE ARE REPLACEABLE WITH YOUR OWN. THE ONLINE USER COUNTER AND HIT COUNTER CODE AND YOUR DESCRIPTION WILL APPEAR IN THE 'PROFILE' SECTION.
  22.  
  23. TO HAVE AN ACTIVE ONLINE COUNTER/HIT COUNTER PLEASE VISIT FREEHOSTEDSCRIPTS.NET AND GENERATE A CODE, PASTE THE CODE INTO THE ONLINE/HIT USER INPUT.
  24.  
  25. -->
  26. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  27. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  28. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  29.  
  30. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  31. <head>
  32.  
  33. <link rel="icon" href="{text:favicon url}"/>
  34. <title>{Title}</title>
  35. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  36.  
  37. <meta name="color:background" content="#fff" />
  38. <meta name="color:text" content="#000" />
  39. <meta name="color:link" content="#000" />
  40. <meta name="color:link hover" content="#b2c0f3" />
  41. <meta name="image:background" content="" />
  42. <meta name="image:header" content="" />
  43. <meta name="image:icon" content="" />
  44. <meta name="color:button colour 1" content="#fff" />
  45. <meta name="color:button colour 2" content="#b2c0f3" />
  46. <meta name="if:white tumblr controls" content="1"/>
  47. <meta name="if:white phone" content="0"/>
  48. <meta name="if:black phone" content="1"/>
  49. <meta name="text:ask link" content="/ask" />
  50. <meta name="text:favicon url" content="" />
  51. <meta name="text:username" content="USERNAME" />
  52. <meta name="text:linka url" content="LINK A URL" />
  53. <meta name="text:linka title" content="LINK A" />
  54. <meta name="text:linkb url" content="LINK B URL" />
  55. <meta name="text:linkb title" content="LINK B" />
  56. <meta name="text:online counter" content="online counter" />
  57. <meta name="text:hit counter" content="hit counter" />
  58.  
  59. <meta name="if:show social icons" content="1"/>
  60. <meta name="if:facebook icon" content="1"/>
  61. <meta name="if:twitter icon" content="1"/>
  62. <meta name="if:instagram icon" content="1"/>
  63. <meta name="if:youtube icon" content="1"/>
  64. <meta name="if:pinterest icon" content="1"/>
  65. <meta name="if:soundcloud icon" content="1"/>
  66. <meta name="text:facebook url" content="http://facebook.com" />
  67. <meta name="text:twitter url" content="http://twitter.com" />
  68. <meta name="text:instagram url" content="http://instagram.com" />
  69. <meta name="text:youtube url" content="http://youtube.com" />
  70. <meta name="text:pinterest url" content="http://pinterest.com" />
  71. <meta name="text:soundcloud url" content="http://soundcloud.com" />
  72.  
  73. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  74.  
  75. {block:IndexPage}
  76. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  77. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  78.  
  79. <script type="text/javascript">
  80. $(window).load(function () {
  81. $('#posts').masonry(),
  82. $('.masonryWrap').infinitescroll({
  83. navSelector : "div.navigation",
  84. // selector for the paged navigation (it will be hidden)
  85. nextSelector : ".navigation a#next",
  86. // selector for the NEXT link (to page 2)
  87. itemSelector : ".post",
  88. // selector for all items you'll retrieve
  89. bufferPx : 10000,
  90. extraScrollPx: 10000,
  91. loadingImg : "",
  92. loadingText : "<em></em>",
  93. },
  94. // call masonry as a callback.
  95. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  96. );
  97. });
  98. </script>
  99. {/block:IndexPage}
  100.  
  101. <div class="navigation">{block:Pagination}{block:NextPage}<span id="page_nav"><span onclick='return false;'><a style="float:right;opacity: 1;" 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>
  102.  
  103. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  104. <script>
  105. (function($){
  106. $(document).ready(function(){
  107. $("[title]").style_my_tooltips({
  108. tip_follows_cursor:true,
  109. tip_delay_time:0,
  110. tip_fade_speed:0
  111. }
  112. );
  113. });
  114. })(jQuery);
  115. </script>
  116.  
  117. <style type="text/css">
  118.  
  119. iframe#tumblr_controls {
  120. top: 0% !important;
  121. right: 0% !important;
  122. position: fixed !important;
  123. {block:ifwhitetumblrcontrols}
  124. -webkit-filter: invert(100%);
  125. {/block:ifwhitetumblrcontrols}}
  126.  
  127. body{
  128. font-family: Consolas;
  129. font-size: 10px;
  130. color: {color:text};
  131. background-color: {color:background};
  132. background-image:url('{image:background}');
  133. background-attachment: fixed;
  134. overflow-x: hidden;
  135. overflow-y: scroll;}
  136.  
  137. #s-m-t-tooltip {
  138. opacity: 1;
  139. color: black /* text colour */
  140. text-align: center;
  141. letter-spacing: 1px; /* letter spacing */
  142. min-width: 10px;
  143. max-width: 200px;
  144. overflow: visible;
  145. position: absolute;
  146. z-index: 999999999999;
  147. padding: 3px; /* padding */
  148. padding-left: 4px;
  149. margin: -20px 20px 15px 0px;
  150. border-radius: 0px;
  151. font-family: Calibri;
  152. font-size: 10px;
  153. text-transform: uppercase;
  154. border-radius: 5px;
  155. background-color: white;}
  156.  
  157. #s-m-t-tooltip:after {
  158. content: '';
  159. position: absolute;
  160. border-style: solid;
  161. border-width: 4px 5px 0;
  162. display: block;
  163. width: 0;
  164. z-index: 1;
  165. bottom: -4px;
  166. left: 12px;
  167. border-color: white transparent;}
  168.  
  169. a {
  170. color: {color:link};
  171. text-decoration: none;}
  172.  
  173. a:hover {
  174. -webkit-transition-duration: 0.4s;
  175. color: {color:link hover};
  176. font-style: normal;}
  177.  
  178. a:active,a:focus {
  179. outline: 0;}
  180.  
  181. ::-webkit-scrollbar-thumb{
  182. border-radius: 10px;
  183. height: 25px;
  184. width: 11px;
  185. border: 2px solid {color:background};
  186. background: {color:button colour 2};}
  187.  
  188. ::-webkit-scrollbar {
  189. width: 9px;
  190. height: 10px;
  191. border-left: 4px solid {color:background};
  192. border-right: 4px solid {color:background};
  193. background: {color:button colour 2};}
  194.  
  195. .notes {
  196. text-align: left;
  197. width: 200px;
  198. overflow: none;
  199. padding-top: 2px;
  200. margin-left: 5px;
  201. margin-top: 0px;
  202. font-family: Calibri;
  203. text-transform: uppercase;
  204. font-size: 10px;
  205. color: {color:text};}
  206.  
  207. li.notes {
  208. float: left;
  209. margin-left: -25px;
  210. margin-top: 0px;
  211. overflow: none;
  212. list-style-type: none;
  213. padding-bottom: 200px;}
  214.  
  215. li.note {
  216. padding-top: 5px;
  217. margin-left: -10px;
  218. opacity: 1;}
  219.  
  220. li.note img.avatar {
  221. width:0px;
  222. height: 0px;
  223. opacity: 0;}
  224.  
  225. .permalink {
  226. margin-top: 2px;
  227. margin-bottom: 5px;
  228. padding: 6px 0px 0px 0px;
  229. text-align: right;
  230. word-spacing: 5px;
  231. font-family: Calibri;
  232. text-transform: uppercase;
  233. font-size: 10px;
  234. line-height: 10px;
  235. color: {color:links};
  236. {block:permalinkpage}
  237. opacity:0;
  238. height: 1px;
  239. {/block:permalinkpage}}
  240.  
  241. .permalink a{
  242. color: {color:text};
  243. letter-spacing: 0px;}
  244.  
  245. .permalink a:hover{
  246. font-style: normal;
  247. color: {color:link hover};}
  248.  
  249. .photoperma {
  250. position: absolute;
  251. top: 44%;
  252. left: 0px;
  253. color: black;
  254. font-size: 10px;
  255. font-family: Calibri;
  256. text-transform: uppercase;
  257. list-style: none;
  258. opacity: 0;
  259. -webkit-transition: all 0.1s ease-in;
  260. -webkit-transition: all 0.1s ease-in;
  261. -moz-transition: all 0.1s ease-in;
  262. transition: all 0.1s ease-in;}
  263.  
  264. .photoperma li {
  265. float: left;
  266. width: 250px;
  267. background-color: white;
  268. text-align: center;
  269. margin-bottom: 5px;
  270. padding-top: 1px;
  271. padding-bottom: 1px;}
  272.  
  273. .photoperma a{
  274. color: black;
  275. text-decoration: none;}
  276.  
  277. .photoperma a:hover{
  278. font-style: normal;
  279. color: {color:links hover};}
  280.  
  281. .post:hover .photoperma{
  282. opacity: 0.8;
  283. letter-spacing: 4px;
  284. -webkit-transition: all 0.3s ease-in;
  285. -webkit-transition: all 0.3s ease-in;
  286. -moz-transition: all 0.3s ease-in;
  287. transition: all 0.3s ease-in;}
  288.  
  289. #reblog{
  290. bottom: 15px;
  291. right: 20px;
  292. font-size: 20px;
  293. color: {color:colour};
  294. position: fixed;
  295. z-index:999999999999999;}
  296.  
  297. #reblog a{
  298. color: {color:text};}
  299.  
  300. #reblog a:hover{
  301. color: {color:colour};
  302. font-style: normal;}
  303.  
  304. .headings{
  305. font-size: 13px;
  306. text-transform: uppercase;
  307. line-height 11px;
  308. letter-spacing: 0px;
  309. padding-top: 5px;
  310. font-family: Calibri;
  311. color: {color:text};}
  312.  
  313. .headings:hover {
  314. font-style: normal;}
  315.  
  316. #box {
  317. top: 96px;
  318. left: 550px;
  319. position: fixed;}
  320.  
  321. #phone {
  322. position: fixed;
  323. width: 270px;
  324. height: 500px;
  325. top: 100px;
  326. background-color: white;
  327. left: 50%;
  328. margin-left: -130px;}
  329.  
  330. #phone-top {
  331. position: fixed;
  332. width: 306px;
  333. height: 100px;
  334. background-color: {color:background};
  335. background-image:url('{image:background}');
  336. background-attachment: fixed;
  337. top: -1px;
  338. left: 50%;
  339. margin-left: -152px;
  340. z-index: 888;}
  341.  
  342. #phone-bottom {
  343. position: fixed;
  344. width: 306px;
  345. height: 2000px;
  346. background-color: {color:background};
  347. background-image:url('{image:background}');
  348. background-attachment: fixed;
  349. top: 600px;
  350. left: 50%;
  351. margin-left: -152px;
  352. z-index: 99999;}
  353.  
  354. #navbar {
  355. opacity: 1;
  356. position: fixed;
  357. width: 258px;
  358. height: 58px;
  359. top: 506px;
  360. left: 50%;
  361. margin-left: -129px;
  362. border-radius: 10px 10px 0px 0px;
  363. padding-top: 1px;
  364. background-color: {color:button colour 2};
  365. z-index: 88888;}
  366.  
  367. .navbar{
  368. width: 262px;
  369. height: 54px;
  370. margin-left: 6px;}
  371.  
  372. .navbar a{
  373. width: 40px;
  374. margin-top: 4px;
  375. margin-left: -1px;
  376. display: inline-block;
  377. padding: 3px;
  378. font-family: "consolas";
  379. text-transform: uppercase;
  380. border-radius: 6px;
  381. background-color: {color:button colour 1};;
  382. font-size: 35px;
  383. color: {color:button colour 2};
  384. opacity: 1;
  385. text-align: center;}
  386.  
  387. .popup_back {
  388. display: none;
  389. position: absolute;
  390. top: 0%;
  391. left: 0%;
  392. width: 100%;
  393. height: 100%;
  394. background-color: white;
  395. z-index:1001;
  396. -moz-opacity: 0;
  397. opacity:.0;
  398. filter: alpha(opacity=0)
  399. overflow: hidden;}
  400.  
  401. .popup_content {
  402. display: none;
  403. position: fixed;
  404. top: 101px;
  405. left: 50%;
  406. margin-left: -128px;
  407. width: 216px;
  408. height: 368px;
  409. padding: 16px;
  410. border: 4px solid white;
  411. background-color: white;
  412. border-radius: 2px;
  413. overflow: auto;
  414. z-index: 7777;
  415. overflow: hidden;}
  416.  
  417. .stats {
  418. width: 250px;
  419. height: 20px;
  420. text-align: right;
  421. margin-left: -20px;
  422. padding-right: 2px;
  423. border-bottom: 1px solid #ccc;}
  424.  
  425. .stats a {
  426. font-size: 10px;
  427. font-family: Calibri;
  428. line-height: 20px;
  429. text-transform: uppercase;
  430. padding-left: 2px;
  431. word-spacing: 2px;
  432. border-left: 1px solid #ccc;}
  433.  
  434. .home {
  435. width: 59px;
  436. height: 59px;
  437. left: 50%;
  438. margin-left: -30px;
  439. top: 580px;
  440. border-radius: 100px;
  441. background-color: transparent;
  442. position: fixed;
  443. z-index: 9999999999999;}
  444.  
  445. #posts {
  446. top: 104px;
  447. width: 252px;
  448. left: 50%;
  449. margin-left: -126px;
  450. z-index: 8;
  451. position: absolute;
  452. background-color: white;
  453. {block:IndexPage}
  454. height: 100%;
  455. {/block:IndexPage}
  456. {block:PermalinkPage}
  457. height: auto;
  458. margin-bottom: 100px;
  459. {block:PermalinkPage}}
  460.  
  461. .post {
  462. float: left;
  463. opacity: 1;
  464. font-size: 10px;
  465. width: 250px;
  466. margin-bottom: 1px;
  467. margin-left: 1px;
  468. position: relative;
  469. font-family: Calibri;
  470. font-size: 11px;
  471. color: {color:text};}
  472.  
  473. .quote {
  474. text-align: right;
  475. font-size: 13px;}
  476.  
  477. .quotesource {
  478. text-align: left;}
  479.  
  480. .chat {
  481. text-align: right;
  482. line-height: 11px;}
  483.  
  484. .captions { }
  485.  
  486. .captions img {
  487. width: 150px;
  488. height: 100%;}
  489.  
  490. .video embed, .video object, .video iframe {
  491. width: 250px;}
  492.  
  493. .audiopost {
  494. height: 54px;
  495. width: 250px;}
  496.  
  497. .albumart {
  498. position: absolute;
  499. right: 2px;
  500. top: 2px;
  501. width: 50px;
  502. height: 50px;}
  503.  
  504. .albumart img {
  505. float: right;
  506. position: absolute;
  507. width: 50px;
  508. height: 50px;}
  509.  
  510. .playbox {
  511. width: 26px;
  512. height: 26px;
  513. overflow: hidden;
  514. position: absolute;
  515. opacity: 0.7;
  516. z-index: 99999999999999999999;
  517. right: 12px;
  518. top: 12px;}
  519.  
  520. .info {
  521. padding: 5px;
  522. line-height: 12px;
  523. overflow: hidden;
  524. font-size: 9px;
  525. text-transform: uppercase;
  526. text-align: left;
  527. width: 184px;
  528. height: 42px;}
  529.  
  530. .social-icons {
  531. top: 5px;
  532. left: 5px;
  533. width: 43px;
  534. height: auto;
  535. background-color: transparent;
  536. position: fixed;
  537. z-index: 9999999999999999999;}
  538.  
  539. .social-icons a {
  540. display: block;
  541. position: relative;
  542. margin: 5px;
  543. width: 33px;
  544. height: 34px;
  545. opacity: 0.3;
  546. transition: 0.2s 0.1s ease-in;}
  547.  
  548. .social-icons a:hover {
  549. opacity: 1;}
  550.  
  551. </style>
  552. </head>
  553. <body>
  554.  
  555. <div class="social-icons">
  556. {block:ifshowsocialicons}
  557. {block:iffacebookicon}
  558. <a href="{text:facebook url}" title="ADD ME ON FACEBOOK">
  559. <img src="https://copy.com/lFiGpo27hVV9TgmA"></a>
  560. {/block:iffacebookicon}
  561. {block:iftwittericon}
  562. <a href="{text:twitter url}" title="FOLLOW ME ON TWITTER">
  563. <img src="https://copy.com/fwC40ySejuHnleqr"></a>
  564. {/block:iftwittericon}
  565. {block:ifinstagramicon}
  566. <a href="{text:instagram url}" title="FOLLOW ME ON INSTAGRAM">
  567. <img src="https://copy.com/0cWJ2fro8Ogi3Wwo"></a>
  568. {/block:ifinstagramicon}
  569. {block:ifyoutubeicon}
  570. <a href="{text:youtube url}" title="SUBSCRIBE TO ME ON YOUTUBE">
  571. <img src="https://copy.com/K1THkG4VzJ6rKDcY"></a>
  572. {/block:ifyoutubeicon}
  573. {block:ifpinteresticon}
  574. <a href="{text:pinterest url}" title="FOLLOW ME ON PINTEREST">
  575. <img src="https://copy.com/fG1DvRjoYBlEItYb"></a>
  576. {/block:ifpinteresticon}
  577. {block:ifsoundcloudicon}
  578. <a href="{text:soundcloud url}" title="FOLLOW ME ON SOUNDCLOUD">
  579. <img src="https://copy.com/pwktHSLm6WeIAIvR"></a>
  580. {/block:ifsoundcloudicon}
  581. </div>
  582. {/block:ifshowsocialicons}
  583.  
  584. {block:ifblackphone}
  585. <div style="border-right: 4px #aaa solid; width: 4px; height: 467px; left: 50%; margin-left: 124px; position: fixed; top: 98px; z-index: 9999999; border-radius: 100px;"></div>
  586. <div style="border-left: 4px #aaa solid; width: 4px; height: 467px; left: 50%; margin-left: -132px; position: fixed; top: 98px; z-index: 9999999; border-radius: 100px;"></div>
  587. <div style="border-top: 4px #aaa solid; width: 264px; height: 4px; left: 50%; margin-left: -132px; position: fixed; top: 97px; z-index: 9999999; border-radius: 100px;"></div>
  588. <div style="border-bottom: 4px #aaa solid; width: 264px; height: 4px; left: 50%; margin-left: -132px; position: fixed; top: 558px; z-index: 9999999; border-radius: 100px;"></div>
  589. <div style=" left: 50%; margin-left: -157px; position: fixed; top: 562px; z-index: 888888;"><img src="https://copy.com/fEhmCEBuDw1FaE0Z"/></div>
  590. <div style=" left: 50%; margin-left: -157px; position: fixed; top: 4px; z-index: 888888;"><img src="https://copy.com/fE1Vi0f0WhiJZ8uj"/></div>
  591. <div style=" left: 50%; margin-left: -157px; position: fixed; top: 4px; z-index: 888888;"><img src="https://copy.com/38BuZwZvCWO6HoI1"/></div>
  592. <div style=" left: 50%; margin-left: 131px; position: fixed; top: 4px; z-index: 888888;"><img src="https://copy.com/aOj00TK4fEvpg211"/></div>
  593. {/block:ifblackphone}
  594. {block:ifwhitephone}
  595. <div style="border-right: 4px #ccc solid; width: 4px; height: 467px; left: 50%; margin-left: 124px; position: fixed; top: 98px; z-index: 9999999; border-radius: 100px;"></div>
  596. <div style="border-left: 4px #ccc solid; width: 4px; height: 467px; left: 50%; margin-left: -132px; position: fixed; top: 98px; z-index: 9999999; border-radius: 100px;"></div>
  597. <div style="border-top: 4px #ccc solid; width: 264px; height: 4px; left: 50%; margin-left: -132px; position: fixed; top: 97px; z-index: 9999999; border-radius: 100px;"></div>
  598. <div style="border-bottom: 4px #ccc solid; width: 264px; height: 4px; left: 50%; margin-left: -132px; position: fixed; top: 558px; z-index: 9999999; border-radius: 100px;"></div>
  599. <div style=" left: 50%; margin-left: -156px; position: fixed; top: 562px; z-index: 888888;"><img src="https://copy.com/G6t08cL4vV6m3J9G"/></div>
  600. <div style=" left: 50%; margin-left: -156px; position: fixed; top: 4px; z-index: 888888;"><img src="https://copy.com/3bxlrLzxIfjVUzS9"/></div>
  601. <div style=" left: 50%; margin-left: -156px; position: fixed; top: 4px; z-index: 888888;"><img src="https://copy.com/Wne74Meupp2OXcOS"/></div>
  602. <div style=" left: 50%; margin-left: 130px; position: fixed; top: 4px; z-index: 888888;"><img src="https://copy.com/aZKSQ0TBwiDzd8iT"/></div>
  603. {/block:ifwhitephone}
  604. <div id="reblog">
  605. <a href="http://plantopic-themes.tumblr.com" title="theme credit">+</a>
  606. </div>
  607. <div id="navbar">
  608. <div class="navbar">
  609. <a href="{text:ask link}" title="message"><i class="fa fa-envelope"></i></a>
  610. <a href="{text:linka url}" title="{text:linka title}"><i class="fa fa-search"></i></a>
  611. <a href ="javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" title="profile"><i class="fa fa-user"></i></a>
  612. <a href="{text:linkb url}" title="{text:linkb title}"><i class="fa fa-heart"></i></a>
  613. <a href="/archive" title="archive"><i class="fa fa-bars"></i></i></a>
  614. </div>
  615. </div>
  616. </div>
  617. <div id="light" class="popup_content">
  618. <div style="text-align: center;">
  619. <br>
  620. <div style="margin-top: -30px; margin-left: -30px; background-image: url('{image:header}'); background-size: cover; width: 220px; height: auto; padding: 30px; border-bottom: 1px solid #ccc;">
  621. <class style="margin-left: 5px; font-size: 20px; color: white; text-transform: uppercase;">{text:username}</class>
  622. <br>
  623. <img src="{image:icon}" width="100px" height="100px" style= "border:solid 4px white";>
  624. </div>
  625. <div class="stats"> <a>{text:online counter}</a> <a>{text:hit counter}</a></div>
  626. <br>
  627. <div style="position: absolute; margin-top: -10px; margin-left: -20px; width: 230px; height: 160px; overflow-x: none; overflow-y: scroll; padding: 10px; background-color: transparent;">
  628. {description}
  629. </div>
  630. </div>
  631. <div style="font-size: 22px; top: 2px; right: 2px; position: absolute;"/>
  632. <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'"><img src="https://copy.com/VzZWoZC86dGddbpy" height="30" width="30"></a></div></div>
  633. <div id="fade" class="popup_back"></div>
  634. <div id="phone"></div><div id="phone-top"></div><div id="phone-bottom"></div>
  635. <a href="/" title="home"><div class="home"></div></a>
  636. <div id="posts">
  637. {block:Posts}
  638. {block:Text}
  639. <div class="post">
  640. <div class="headings">
  641. {block:Title}{Title}{/block:Title}</div>
  642. <div class="captions">{Body}</div>
  643. <div class="permalink">
  644. <a href="{Permalink}">{NoteCount} NOTES</a> - <a href="{ReblogURL}" target="_blank">REBLOG</a></div>
  645. </div>
  646. {/block:Text}
  647.  
  648. {block:Photo}
  649. <div class="post">
  650. {block:IndexPage}
  651. <div class="photoperma">
  652. <li><a href="{Permalink}">{NoteCount} NOTES</a></li>
  653. <br>
  654. <li><a href="{ReblogURL}" target="_blank">REBLOG</a></li>
  655. </div>
  656. <a href="{permalink}"><img src="{PhotoURL-250}" width="250" alt="{PhotoAlt}"/></a>
  657. {/block:IndexPage}
  658.  
  659. {block:PermalinkPage}
  660. <img src="{PhotoURL-250}" alt="{PhotoAlt}"/> <br>
  661. {/block:PermalinkPage}
  662. {block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}</div>
  663. {/block:Photo}
  664.  
  665. {block:Photoset}
  666. <div class="post">
  667. {block:Indexpage}
  668. {Photoset}
  669. <div class="permalink">
  670. <a href="{Permalink}">{NoteCount} NOTES</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>
  671. {/block:Indexpage}
  672. {block:PermalinkPage}
  673. {Photoset}
  674. {/block:PermalinkPage}
  675. </div>
  676. {/block:Photoset}
  677.  
  678. {block:Quote}
  679. <div class="post">
  680. <div class="quote">'<i>{Quote}</i>'</div>
  681. <div class="quotesource">— {Source}</div>
  682. <div class="permalink"> <a href="{Permalink}">{NoteCount} NOTES</a> - <a href="{ReblogURL}" target="_blank">REBLOG</a></div></div>
  683. {/block:Quote}
  684.  
  685. {block:Link}
  686. <div class="post">
  687. <div class="headings"><a href="{URL}">{Name}</a></div>
  688. {block:Description}{Description}{/block:Description}
  689. <div class="permalink">
  690. <a href="{Permalink}">{NoteCount} NOTES</a> - <a href="{ReblogURL}" target="_blank">REBLOG</a></div></div>
  691. {/block:Link}
  692.  
  693. {block:Chat}
  694. <div class="post">
  695. <div class="chat">{block:Title}{Title}{/block:Title}<br>
  696. {block:Lines}{block:Label}<i>{Label}</i><br> {Line} <br><br>
  697. {/block:Label}{/block:Lines}</div>
  698. <div class="permalink">
  699. <a href="{Permalink}">{NoteCount} NOTES</a> - <a href="{ReblogURL}" target="_blank">REBLOG</a></div></div>
  700. {/block:Chat}
  701.  
  702. {block:Video}
  703. <div class="post">
  704. {block:IndexPage}
  705. <div class="video">{Video-250}</div><div class="permalink">
  706. <a href="{Permalink}">{NoteCount} NOTES</a> - <a href="{ReblogURL}" target="_blank">REBLOG</a></div>
  707. {/block:IndexPage}
  708. {block:PermalinkPage}
  709. {Video-250}
  710. {/block:PermalinkPage}</div>
  711. {/block:Video}
  712.  
  713. {block:Answer}
  714. <div class="post">
  715. {Asker}: <br> "{Question}" <br><br>
  716. <div style="text-align: right;">
  717. <i> {Answer} </i>
  718. </div>
  719. <div class="permalink"><a href="{Permalink}">{NoteCount} NOTES</a> - <a href="{ReblogURL}" target="_blank">REBLOG</a></div></div>
  720. {/block:Answer}
  721.  
  722. {block:Audio}
  723. <div class="post">
  724. <div class="audiopost">{block:AlbumArt}
  725. <div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  726. <div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  727.  
  728. <div class="info"><b>Artist:</b>
  729. <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>
  730. {block:IndexPage}<div class="permalink">
  731. <a href="{Permalink}">{NoteCount} NOTES</a> - <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:IndexPage}</div>
  732. {/block:Audio}
  733.  
  734. {block:PermalinkPage}
  735. <div class="notes">
  736. <div class="captions">{Caption}</div>
  737. {block:NoteCount} Posted {TimeAgo} with {NoteCount} notes{/block:NoteCount}
  738. {block:RebloggedFrom}<br>
  739. Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  740. {/block:RebloggedFrom}
  741. <br>
  742. {block:ContentSource}
  743. Source: <a href="{SourceURL}">{SourceTitle} </a>
  744. {/block:ContentSource}
  745. {PostNotes}
  746. {/block:PermalinkPage}
  747.  
  748. {/block:posts}
  749. </div></div>
  750. </body>
  751. </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!