API tools faq
paste
Advertisement
Carolaine_Vieira

PLoc 500px

Carolaine_Vieira
Jan 29th, 2016
118
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.72 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--
  3.  
  4. ─────────╔╗────────────╔╗
  5. ─────────║║───────────╔╝╚╗
  6. ╔══╦╗╔╦══╣║╔══╦╗╔╦══╦═╬╗╔╬══╗
  7. ║╔╗║╚╝║╔╗║║║╔╗║╚╝║║═╣╔╗╣║║║═╣
  8. ║╔╗║║║║╚╝║╚╣╔╗║║║║║═╣║║║╚╣║═╣
  9. ╚╝╚╩╩╩╣╔═╩═╩╝╚╩╩╩╩══╩╝╚╩═╩══╝
  10. ──────║║
  11. ──────╚╝
  12.  
  13.  
  14. - Ploc -
  15. Theme made by: Amplamente.tumblr.com
  16.  
  17. --->
  18.  
  19. <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  20.  
  21. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  22. <script>
  23. (function($){
  24.  
  25. $(document).ready(function(){
  26. $("[title]").style_my_tooltips();
  27. });
  28. })(jQuery);
  29. </script>
  30.  
  31. <title>{title}</title>
  32. <link rel="shortcut icon" href="{Favicon}"/>
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  34. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  35.  
  36. <meta name="color:Background" content="#f6f6f6"/>
  37. <meta name="color:Tooltip bg" content="#141414"/>
  38. <meta name="color:Tooltip text" content="#fff"/>
  39. <meta name="color:Post bg" content="#ffffff"/>
  40. <meta name="color:Borders" content="#Eee"/>
  41. <meta name="color:Perma bg" content="#ffd9d9"/>
  42. <meta name="color:Link" content="#ffb3b3"/>
  43. <meta name="color:Link Hover" content="#ff6767"/>
  44. <meta name="color:Text" content="#999"/>
  45. <meta name="color:Bold" content="#141414"/>
  46. <meta name="color:Italic" content="#ffb1cc"/>
  47. <meta name="color:Sidebar bg" content="#ffffff"/>
  48. <meta name="color:Sidebar link" content="#cccccc"/>
  49. <meta name="color:Sidebar link hover" content="#ffb3b3"/>
  50. <meta name="color:Title" content="#ffb3b3"/>
  51. <meta name="color:Description" content="#999"/>
  52. <meta name="color:Scrollbar" content="#141414"/>
  53. <meta name="color:Question" content="#ffb3b3"/>
  54. <meta name="color:Question link" content="#141414"/>
  55. <meta name="color:Answer" content="#ffffff"/>
  56.  
  57. <meta name="if:InfiniteScroll" content="0"/>
  58. <meta name="if:Caption" content="0"/>
  59. <meta name="if:Tags" content="0"/>
  60.  
  61. <meta name="image:Background" content=""/>
  62. <meta name="image:Sidebar image" content=""/>
  63.  
  64. <meta name="text:Fish gadget" content="" />
  65. <meta name="text:link1" content="link 1" />
  66. <meta name="text:link1url" content="/" />
  67. <meta name="text:link2" content="link 2" />
  68. <meta name="text:link2url" content="/" />
  69. <meta name="text:link3" content="link 3" />
  70. <meta name="text:link3url" content="/" />
  71. <meta name="text:link4" content="link 4" />
  72. <meta name="text:link4url" content="/" />
  73. <meta name="text:link5" content="link 5" />
  74. <meta name="text:link5url" content="/" />
  75.  
  76. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  77.  
  78. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  79. <link href='https://fonts.googleapis.com/css?family=Cantarell:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  80. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  81. <link href='https://fonts.googleapis.com/css?family=Raleway:400,300,200,100,600,500,700,800,900' rel='stylesheet' type='text/css'>
  82. <link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic' rel='stylesheet' type='text/css'>
  83. <link href='https://fonts.googleapis.com/css?family=Quicksand:400,300,700' rel='stylesheet' type='text/css'>
  84. <link href='https://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'>
  85.  
  86. <style type="text/css">
  87.  
  88. .abw {
  89.  
  90. width:100%;
  91. height:100px;
  92. position:fixed;
  93. z-index:0;
  94. left:0px;
  95. top:0px;
  96. background:transparent;
  97.  
  98. }
  99.  
  100. .tags {
  101. text-align:center;
  102. font-size:10px;
  103. width:200px;
  104. margin-left:auto;
  105. margin-right:auto;
  106. height:auto;
  107. background:transparent;
  108. text-transform:uppercase;
  109. float:center;
  110. font-size:7.5px;
  111. }
  112. .tags a{
  113.  
  114. margin-left:4px;
  115. background:transparent;
  116. text-transform:uppercase;
  117. color:#999;
  118. -webkit-transition: all 3s ease-in-out;
  119. -moz-transition: all 3s ease-in-out;
  120. -ms-transition: all 3s ease-in-out;
  121. -o-transition: all 3s ease-in-out;
  122. transition: all 3s ease-in-out;
  123.  
  124. }
  125.  
  126. .tags a:hover {
  127.  
  128. font-style:italic;
  129. -webkit-transition: all 3s ease-in-out;
  130. -moz-transition: all 3s ease-in-out;
  131. -ms-transition: all 3s ease-in-out;
  132. -o-transition: all 3s ease-in-out;
  133. transition: all 3s ease-in-out;
  134.  
  135. }
  136.  
  137.  
  138. b { color: {color:bold}; !important; }
  139. i { color: {color:italic} ;!important; }
  140. u { border-bottom: 1px dotted; text-decoration:none;}
  141.  
  142. #s-m-t-tooltip{
  143. max-width:300px;
  144. padding:10px;
  145. margin:20px 0px 0px 20px;
  146. background-color: {color:tooltip bg};
  147. font-family:calibri;
  148. font-size:8.5px;
  149. text-transform:uppercase;
  150. color:{color:tooltip text};
  151. border:1px solid {color:borders};
  152. border-radius:5px;
  153. letter-spacing:1px;
  154. opacity:1;
  155. z-index:9999999999999999999;
  156. }
  157.  
  158. #top2 {
  159.  
  160. font-weight:bold;
  161. font-family:quicksand;
  162. height:auto;
  163. width:auto;
  164. letter-spacing:1px;
  165. margin-left:auto;
  166. margin-right:auto;
  167. font-size:10px;
  168. text-transform:uppercase;
  169. background: transparent;
  170. text-align:center;
  171. float:center;
  172. -webkit-transition:all 0.3s ease-out;
  173. -moz-transition:all 0.3s ease-out;
  174. transition:all 0.3s ease-out;
  175. }
  176.  
  177. #top2 a{
  178. margin-right:3px;
  179. }
  180. #top2:hover{
  181. -webkit-transition:all 0.8s ease-out;
  182. -moz-transition:all 0.8s ease-out;
  183. transition:all 0.8s ease-out;
  184. }
  185.  
  186. ol, ul {padding:0px;list-style-type:none;}
  187. ul li {position:relative;padding-left:20px;}
  188. ul li:before {
  189. content:'';
  190. position:absolute;
  191. display:block;
  192. top:8px;
  193. left:0px;
  194. width:10px;
  195. height:1px;
  196. background:{color:link};
  197. }
  198.  
  199. #calado{
  200. z-index:4;
  201. background:transparent;
  202. margin-left:0px;
  203. margin-top:-1px;
  204. float:center;
  205. width:180px;
  206. text-align:center;
  207. padding:2px;
  208. padding-top:0px;
  209. margin-bottom:5px;
  210. }
  211. #calado a {
  212. text-shadow:none;
  213. padding:8px;
  214. margin-right:3px;
  215. font-size:9px;
  216. font-weight:bold;
  217. text-transform:uppercase;
  218. font-family:quicksand;
  219. display:inline-block;
  220. text-align:center;
  221. color:{color:sidebar link};
  222. -webkit-transition:all 0.3s ease-out;
  223. -moz-transition:all 0.3s ease-out;
  224. transition:all 0.3s ease-out;
  225. }
  226. #calado a:hover {
  227. text-shadow:none;
  228. text-decoration:underline;
  229. color:{color:sidebar link hover};
  230. -webkit-transition:all 0.3s ease-out;
  231. -moz-transition:all 0.3s ease-out;
  232. transition:all 0.3s ease-out;
  233. }
  234.  
  235. iframe#tumblr_controls {black-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.2;}
  236. #tumblr_controls{position:fixed !important;-webkit-filter: invert(100%)}
  237. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {opacity:0.2;}
  238.  
  239. .date {
  240. font-family:cantarell;
  241. text-transform:uppercase;
  242. line-height:20px;
  243. margin-top:5px;
  244. margin-left:10px;
  245. padding:5px;
  246. float:left;
  247. color:white;
  248. text-align:left;
  249. background-color:transparent;
  250. font-size:9px;
  251. {block:PermalinkPage}
  252. display:none;
  253. {/block:PermalinkPage}
  254. }
  255. .date a{color:white; text-shadow:none;}
  256. .date a:hover {border-bottom:none; cursor:help; text-shadow:none; color:{color:link}; }
  257.  
  258.  
  259. .reblog {
  260.  
  261. margin-top:8px;
  262. margin-right:10px;
  263. float:right;
  264. background-color:transparent;
  265. padding:5px;
  266. font-size:12px;
  267. color:gray;
  268. font-weight:bold;
  269. {block:PermalinkPage}
  270. display:none;
  271. {/block:PermalinkPage}
  272. }
  273. .likie {
  274. margin-top:6px;
  275. margin-right:5px;
  276. float:right;
  277. background-color:transparent;
  278. padding:5px;
  279. padding-bottom:3px;
  280. font-size:15px;
  281. color:#000;
  282. font-weight:bold;
  283. {block:PermalinkPage}
  284. display:none;
  285. {/block:PermalinkPage}
  286. }
  287. .reblog a{color:{color:post bg};}
  288.  
  289. a{ color:{color:Link}; text-decoration:none;
  290. -webkit-transition:all 0.3s ease-out;
  291. -moz-transition:all 0.3s ease-out;
  292. transition:all 0.3s ease-out;
  293.  
  294. }
  295. a:hover{
  296. color:{color:Link Hover};
  297. -webkit-transition:all 0.3s ease-out;
  298. -moz-transition:all 0.3s ease-out;
  299. transition:all 0.3s ease-out;
  300.  
  301. }
  302.  
  303. h1 {
  304.  
  305. font-size:20px;
  306. text-align:center;
  307. text-transform:none;
  308. font-family:Quicksand;
  309. font-weight:normal;
  310.  
  311. }
  312.  
  313. body{
  314. cursor:crosshair;
  315. color:{color:Text};
  316. font-family: roboto;
  317. font-size:11px;
  318. opacity:1;
  319. background: {color:background} url("{image:background}") fixed;
  320. }
  321.  
  322. #post{
  323. z-index:9;
  324. margin-top:130px;
  325. width:550px;
  326. margin-left:500px;
  327. float:center;
  328. background-color:transparent;
  329. padding:0px;
  330. }
  331.  
  332. .entry{
  333. border-top:1px solid transparent;
  334. border:1px solid {color:borders};
  335. text-align:left;
  336. padding:15px;
  337. background-color: {color:post bg};
  338. width:500px;
  339. float:right;
  340. opacity:1;
  341. color:{color:Text};
  342. {block:PermalinkPage}
  343. width:400px;
  344. {/block:PermalinkPage}
  345. margin-bottom:100px;
  346. margin-right:100px;
  347. border-radius:5px;
  348. }
  349.  
  350. .entry img{
  351. {block:PermalinkPage}
  352. width:400px;
  353. {/block:PermalinkPage}
  354. max-width:500px;
  355. height:auto;
  356. float:center;
  357. }
  358.  
  359. .entry .perm{
  360. {block:PermalinkPage}
  361. display:none;
  362. {/block:PermalinkPage}
  363. background:{color:perma bg};
  364. border:1px solid {color:borders};
  365. border-bottom:1px solid transparent;
  366. padding:5px;
  367. text-align:center;
  368. margin-top:-58px;
  369. width:520px;
  370. margin-left:-16px;
  371. border-top-left-radius:5px;
  372. border-top-right-radius:5px;
  373. height:auto;
  374. position:absolute;
  375. opacity:1;
  376. -webkit-transition:all 0.5s ease-out;
  377. -moz-transition:all 0.5s ease-out;
  378. transition:all 0.5s ease-out;
  379.  
  380. }
  381.  
  382. .entry:hover .perm{
  383. opacity:1;
  384. -webkit-transition:all 0.5s ease-out;
  385. -moz-transition:all 0.5s ease-out;
  386. transition:all 0.5s ease-out;
  387.  
  388. }
  389.  
  390. #notas {
  391. margin-top:10px;
  392. width:95%;
  393. height:200px;
  394. overflow-y:auto;
  395. border-radius:5px;
  396. padding:10px;
  397. text-transform:uppercase;
  398. font-family:calibri;
  399. margin-left:auto;
  400. margin-right:auto;
  401. float:center;
  402. }
  403.  
  404. .notes img {
  405. width: 0px;
  406. height:0px;
  407. border-radius:100%;
  408. float:left;
  409. list-style:none;
  410. border-right:10px solid transparent;
  411. -webkit-transition: all 0.5s linear;
  412. -moz-transition: all 0.5s linear;
  413. transition: all 0.5s linear;}
  414. ol.notes, .notes li {
  415. list-style:none;
  416. height:20px;
  417. width: 100%;
  418. margin-top: 5px;
  419. margin-left:0px;
  420. padding-left: 0px}
  421. .notes li:hover img {
  422. list-style:none;
  423. -webkit-transition: all 0.5s linear;
  424. -moz-transition: all 0.5s linear;
  425. transition: all 0.5s linear;}
  426.  
  427. #notas::-webkit-scrollbar-track-piece {
  428. background-color:{color:post bg};
  429. }
  430.  
  431. ::-moz-selection { background: {color:text}; color: {color:background}; }
  432. ::selection { background: {color:text}; color: {color:background}; }
  433.  
  434. .pagination {
  435. display: none;
  436. }
  437.  
  438. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; margin-right:5px;}
  439. ::-webkit-scrollbar { height:5px; width: 3px;}
  440. ::-webkit-scrollbar-track { background-color:{color:link}; -moz-box-shadow: inset 0 0 0 1px {color:background}; -webkit-box-shadow: inset 0 0 0 1px {color:background}; box-shadow: inset 0 0 0px 1px {color:background}; }
  441.  
  442.  
  443. blockquote {
  444. margin-left:20px;
  445. padding-left:10px;
  446. border-left:2px solid{color:link};
  447. }
  448.  
  449. .description {
  450. padding:10px;
  451. padding-left:0px;
  452. float:center;
  453. margin-left:16px;
  454. width:150px;
  455. background:transparent;
  456. font-size:9.5px;
  457. font-family: cantarell;
  458. text-align:center;
  459. color:{color:sidebar description};
  460. }
  461.  
  462.  
  463. #question {padding:0px; margin-bottom:5px;}
  464.  
  465. #asker {font-weight:normal; font-family:montserrat; text-transform:uppercase; font-style:normal; }
  466.  
  467. #asker a {color:{color:question link}; text-align:center; font-size:12px;}
  468.  
  469. #asked_question {
  470. background-color:{color:question};
  471. padding:10px;
  472. font-style:italic;
  473. padding-top:20px;
  474. margin-top:30px;
  475. min-height:20px;
  476. text-align:center;
  477. font-size:12px;
  478. border-radius:5px;
  479. margin-left:5px;
  480. padding-left:50px;
  481. padding-right:50px;
  482.  
  483. }
  484.  
  485. #answer {
  486.  
  487. border-radius:5px;
  488. background:{color:answer};
  489. padding:2px 10px;
  490. margin-left:5px;
  491. margin-top:10px;
  492. margin-bottom:5px;
  493. font-size:12px;
  494. }
  495.  
  496. .asktri {
  497.  
  498. width: 0;
  499. height: 0;
  500. border-style: solid;
  501. border-width: 18px 17.5px 0 17.5px;
  502. border-color: {color:question} transparent transparent transparent;
  503. float:center;
  504. margin-top:-5px;
  505. margin-left:110px;
  506. }
  507.  
  508. .audioicon {border:1px solid {color:perma bg}; margin-right:10px;}
  509. .audioplay {width:28px; margin-top:3px; overflow:hidden;}
  510. .player { width:28px; padding:6px 10px;display:inline-block;}
  511. .audiodesc {display:inline-block; vertical-align:top; height:46px; line-height:46px; margin-left:14px;}
  512.  
  513. #top1 { position:fixed; f width:auto; height:auto; letter-spacing: 1px; right:20px; bottom:20px; padding:8px; font-size:35px; font-family:Lovers Quarrel; line-height:14px; text-align:right; z-index:99;
  514. -webkit-transition:all 0.3s ease-out;
  515. -moz-transition:all 0.3s ease-out;
  516. transition:all 0.3s ease-out;
  517. text-shadow:none;
  518. }
  519. #top1 a{text-shadow:none;}
  520. #top1 a:hover {text-shadow:none;}
  521. #top1:hover {
  522. -webkit-transition:all 0.3s ease-out;
  523. -moz-transition:all 0.3s ease-out;
  524. transition:all 0.3s ease-out;
  525. -moz-transform: scale(1.5);
  526. -webkit-transform: scale(1.5);
  527. -o-transform: scale(1.5);
  528. -ms-transform: scale(1.5);
  529. transform: scale(1.5);
  530. text-shadow:none;
  531. }
  532.  
  533. #top3 {
  534. position:fixed;
  535. z-index:9;
  536. height:auto;
  537. width:180px;
  538. padding:10px;
  539. top:150px;
  540. left:150px;
  541. background:{color:sidebar bg};
  542. border:1px solid {color:borders};
  543. border-radius:5px;
  544. -webkit-transition:all 0.3s ease-out;
  545. -moz-transition:all 0.3s ease-out;
  546. transition:all 0.3s ease-out;
  547. }
  548.  
  549. #sidepam {
  550.  
  551. width:130px;
  552. height:auto;
  553. float:center;
  554. margin-left:35px;
  555. background:{color:sidebar bg};
  556. padding:5px;
  557. border-radius:5px;
  558. }
  559.  
  560. #sidepam img {
  561.  
  562. width:100px;
  563. float:center;
  564. border-radius:5px;
  565. -webkit-transition: all 0.5s ease;
  566. -moz-transition: all 0.5s ease;
  567. -o-transition: all 0.5s ease;
  568. -ms-transition: all 0.5s ease;
  569. transition: all 0.5s ease;
  570. -webkit-filter: grayscale(0);
  571.  
  572. }
  573.  
  574. #sidepam img:hover {
  575. -webkit-filter: grayscale(0.7);
  576. transition:All .5s ease;
  577. -o-transition:All .5s ease;
  578. -webkit-transition: all 0.5s ease;
  579. -moz-transition: all 0.5s ease;
  580. -o-transition: all 0.5s ease;
  581. -ms-transition: all 0.5s ease;
  582. transition: all 0.5s ease;
  583.  
  584. }
  585.  
  586. .mytitle {
  587.  
  588. font-family:quicksand;
  589. text-transform:uppercase;
  590. font-size:15px;
  591. text-align:center;
  592. width:170px;
  593. padding:5px;
  594. background:transparent;
  595.  
  596. }
  597. .mytitle a{
  598.  
  599. color:{color:title};
  600.  
  601. }
  602.  
  603. #box {
  604. background-color: #ffffff;
  605. border: 1px solid {color:borders};
  606. height: 27px;
  607. top: 10px; /* space of the container from the top of page */
  608. left: 10px; /* space of the container from the left of page */
  609. z-index: 9999999;
  610. }
  611.  
  612. .color:hover {
  613. opacity: 1;
  614. transition: opacity .25s ease-in-out;
  615. -moz-transition: opacity .25s ease-in-out;
  616. -webkit-transition: opacity .25s ease-in-out;
  617. border: 1px solid #bbbbbb;
  618. }
  619.  
  620.  
  621. .one { /* color one, set to pink */
  622. width: 15px;
  623. height: 15px;
  624. position: relative;
  625. display: inline-block;
  626. margin-left: 7px;
  627. margin-right: 7px;
  628. margin-top: 5px;
  629. background-color: #ffe5f7; /* pink color of the first box */
  630. border: 1px solid #d8d8d8;
  631. opacity: .7;
  632. }
  633.  
  634. .two { /* color two, set to orange */
  635. width: 15px;
  636. height: 15px;
  637. position: relative;
  638. display: inline-block;
  639. margin-right: 7px;
  640. margin-top: 5px;
  641. background-color: #ffddad; /* orange color of the second box */
  642. border: 1px solid #d8d8d8;
  643. opacity: .7;
  644. }
  645.  
  646.  
  647. .three { /* color three, set to yellow */
  648. width: 15px;
  649. height: 15px;
  650. position: relative;
  651. display: inline-block;
  652. margin-right: 7px;
  653. margin-top: 5px;
  654. background-color: #fdfd96; /* yellow color of the third box */
  655. border: 1px solid #d8d8d8;
  656. opacity: .7;
  657.  
  658. }
  659.  
  660.  
  661. .four { /* color four, set to green */
  662. width: 15px;
  663. height: 15px;
  664. position: relative;
  665. display: inline-block;
  666. margin-right: 7px;
  667. margin-top: 5px;
  668. background-color: #d3ffcd; /* green color of the fourth box */
  669. border: 1px solid #d8d8d8;
  670. opacity: .7;
  671.  
  672. }
  673.  
  674.  
  675. .five { /* color five, set to blue */
  676. width: 15px;
  677. height: 15px;
  678. position: relative;
  679. display: inline-block;
  680. margin-right: 7px;
  681. margin-top: 5px;
  682. background-color: #deeeff; /* blue color of the fifth box */
  683. border: 1px solid #d8d8d8;
  684. opacity: .7;
  685. }
  686.  
  687.  
  688. .six { /* color six, set to purple */
  689. width: 15px;
  690. height: 15px;
  691. position: relative;
  692. display: inline-block;
  693. margin-right: 7px;
  694. margin-top: 5px;
  695. background-color: #e9deff; /* purple color of the sixth box */
  696. border: 1px solid #d8d8d8;
  697. opacity: .7;
  698. }
  699.  
  700.  
  701. .seven { /* color seven, set to white */
  702. width: 15px;
  703. height: 15px;
  704. position: relative;
  705. display: inline-block;
  706. margin-right: 7px;
  707. margin-top: 5px;
  708. background-color: #ffffff; /* white color of the seventh box */
  709. border: 1px solid #d8d8d8;
  710. opacity: .7;
  711. }
  712.  
  713.  
  714.  
  715. a[tooltip]:hover:after {
  716. content: attr(tooltip);
  717. padding: 5px;
  718. font-size: 10px;
  719. color: #bbbbbb;
  720. font-style: italic;
  721. position: absolute;
  722. left: 50%;
  723. top: 220%;
  724. white-space: nowrap;
  725. z-index: 20;
  726. -moz-border-radius: 3px;
  727. -webkit-border-radius: 3px;
  728. border-radius: 3px;
  729. -moz-box-shadow: 0px 0px 2px #c0c1c2;
  730. -webkit-box-shadow: 0px 0px 2px #c0c1c2;
  731. box-shadow: 0px 0px 2px #c0c1c2;
  732. background-color: #ffffff;
  733. }
  734.  
  735. .page {
  736.  
  737. padding:5px;
  738. background:transparent;
  739. border:1px solid {color:borders};
  740. margin-top:10px;
  741.  
  742. }
  743.  
  744. {CustomCSS}
  745.  
  746. </style>
  747. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  748.  
  749. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script
  750.  
  751. src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  752.  
  753. <script>
  754. $(function(){
  755. var $container = $('#post');
  756. $container.imagesLoaded(function(){
  757. $container.masonry({
  758. itemSelector: '.entry',
  759. });
  760. });
  761. $container.infinitescroll({
  762. itemSelector : ".entry",
  763. navSelector : "div.pagination",
  764. nextSelector : ".pagination a#next",
  765. loadingImg : "",
  766. loadingText : "<em></em>",
  767. bufferPx : 10000,
  768. extraScrollPx: 12000,
  769. },
  770. // trigger Masonry as a callback
  771. function( newElements ) {
  772. var $newElems = $( newElements ).css({ opacity: 0 });
  773. // ensure that images load before adding to masonry layout
  774. $newElems.imagesLoaded(function(){
  775. $newElems.animate({ opacity: 1 });
  776. $container.masonry( 'appended', $newElems, true );
  777. });
  778. }
  779. );
  780. });
  781. </script>
  782.  
  783.  
  784. </head>
  785. <body>
  786.  
  787. <div class="abw">
  788.  
  789. {text:fish gadget}
  790.  
  791. </div>
  792.  
  793. <div id="top3">
  794.  
  795.  
  796. <div class="mytitle"><a href="/">{title}</a></div>
  797. <div id="sidepam"><img src="{image:sidebar image}"></div>
  798. <div class="description">{description}</div>
  799.  
  800. <div id="calado">
  801.  
  802. <a href="{text:link1url}">{text:link1}</a>
  803. <a href="{text:link2url}">{text:link2}</a>
  804. <a href="{text:link3url}">{text:link3}</a>
  805. <a href="{text:link4url}">{text:link4}</a>
  806. <a href="{text:link5url}">{text:link5}</a>
  807.  
  808. </div>
  809.  
  810. <div id="box">
  811.  
  812. <a href="/tagged/pink" class="color one" tooltip="pink">
  813. <a href="/tagged/orange" class="color two" tooltip="orange">
  814. <a href="/tagged/yellow" class="color three" tooltip="yellow">
  815. <a href="/tagged/green" class="color four" tooltip="green">
  816. <a href="/tagged/blue" class="color five" tooltip="blue">
  817. <a href="/tagged/purple" class="color six" tooltip="purple">
  818. <a href="/tagged/white" class="color seven" tooltip="white">
  819. </a>
  820. </div>
  821.  
  822. {block:IfNotInfiniteScroll}
  823. <div class="page">
  824. <div id="top2">
  825.  
  826. {block:Pagination}
  827. {block:PreviousPage}
  828. <a href="{PreviousPage}"><li style="font-size:8px;" class="fa fa-chevron-left"></li></a>
  829. {/block:PreviousPage}
  830.  
  831. {block:JumpPagination length="5"}
  832.  
  833. {block:CurrentPage}
  834. <span class="current_page"><li class="fa fa-check"></li></span>
  835. {/block:CurrentPage}
  836.  
  837. {block:JumpPage}
  838. <a class="jump_page" href="{URL}">{PageNumber}</a>
  839. {/block:JumpPage}
  840. {/block:JumpPagination}
  841.  
  842. {block:NextPage}
  843. <a href="{NextPage}"><li style="font-size:8px;" class="fa fa-chevron-right"></li></a>
  844. {/block:NextPage}
  845.  
  846. {/block:Pagination}
  847.  
  848. </div></div>
  849. {/block:IfNotInfiniteScroll}
  850. </div>
  851.  
  852. <div id="post">
  853. {block:Posts}
  854. <div class="entry">
  855.  
  856. <div class="perm">
  857.  
  858. <div class="reblog">{ReblogButton color="white" size="13"}</div>
  859. <div class="likie" >{LikeButton color="white" size="13"}</div>
  860. <div class="date">
  861. Post {PostNumber} | <a href="{permalink}" >
  862. {block:date}{DayOfMonthWithZero}.{MonthNumberWithZero}{/block:date}</a>
  863. </div> </div>
  864.  
  865.  
  866. {block:Title}<h1>{Title}</h1>{/block:Title}
  867.  
  868. {block:Text}{Body}{/block:Text}
  869.  
  870. {block:Photo}
  871.  
  872. <a href="{permalink}" ><img src="{PhotoURL-500}" width="500"/></a>
  873. {block:PermalinkPage}
  874. <a href="{permalink}" ><img src="{PhotoURL-500}" width="400"/></a>
  875. {/block:PermalinkPage}
  876.  
  877. {block:IfCaption} {block:Caption}{Caption}{/block:Caption} {/block:IfCaption}
  878. {/block:Photo}
  879.  
  880. {block:Photoset}
  881.  
  882. {Photoset-500}
  883. {block:IfCaption} {block:Caption}{Caption}{/block:Caption} {/block:IfCaption}
  884. {/block:Photoset}
  885.  
  886.  
  887. {block:Quote}
  888.  
  889. <div style="text-align:center; padding:10px; font-family:quicksand; font-weight:normal; font-size:17px;">{Quote}</br></div>
  890.  
  891. <div align="right" style="text-align:center; font-size:8px; font-family:montserrat; text-transform:uppercase;">
  892. </br>{block:Source}- {Source}{/block:Source} </br>
  893. </div>
  894. {/block:Quote}
  895.  
  896.  
  897. {block:Video}
  898.  
  899. {Video-500}
  900.  
  901. <br>
  902. {PlayCountWithLabel}
  903. {block:IfCaption} {block:Caption}{Caption}{/block:Caption} {/block:IfCaption}
  904. {/block:Video}
  905.  
  906.  
  907. {block:Link}
  908. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  909. {block:Description}{Description}{/block:Description}
  910. {block:IfCaption} {block:Caption}{Caption}{/block:Caption} {/block:IfCaption}
  911. {/block:Link}
  912.  
  913. {block:Chat}
  914. {block:Lines}
  915. {block:Label}
  916. <br><b>{Label}</b>
  917. {/block:Label}
  918. &nbsp;{Line}
  919. {/block:Lines}
  920. {block:IfCaption} {block:Caption}{Caption}{/block:Caption} {/block:IfCaption}
  921. {/block:Chat}
  922.  
  923. {block:Audio}<div class="audioicon"><div class="player"><div class="audioplay">{AudioPlayer}</div></div><div class="audiodesc"><b>{block:TrackName}{TrackName}{/block:TrackName}</b> {block:Artist}, {Artist}{/block:Artist}</div></div>{/block:Audio}
  924.  
  925.  
  926. {block:Answer}
  927. <div id="question">
  928. <div id="asked_question"><span id="asker">{Asker}</span>:<br>{Question}</div>
  929. </div>
  930. <div class="asktri"></div>
  931. <div id="answer">
  932. {Answer}
  933. </div>
  934. {/block:Answer}
  935.  
  936. {block:IfTags}<div class="tags">
  937. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>{block:IfTags}
  938.  
  939.  
  940. {block:PermalinkPage}
  941. <br>
  942. <center>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} </br> {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} </br> Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</center>
  943. <Br>
  944. {block:PostNotes}<div id="notas">{PostNotes}</div>{/block:PostNotes}</div>
  945. {/block:PermalinkPage}
  946. </div>
  947.  
  948. {/block:Posts}
  949.  
  950. </div>
  951.  
  952. <div id="top1">
  953. <a href="http://amplamente.tumblr.com/" title="tema feito por amplamente">Am</a>
  954. </div>
  955.  
  956. {block:IfInfiniteScroll}
  957. <div class="pagination">
  958. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  959. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  960. </div>
  961. {/block:IfInfiniteScroll}
  962.  
  963.  
  964.  
  965. </body>
  966.  
  967. </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!